Decreasing font size and border margins for mobile content only

Comments

• Pablo

  October 2018 edited October 2018

  Hi,

  Paste this Custom CSS into Theme Options > Custom CSS & JS
  

  @media (max-width:767px){
    body.single-post #Content{
      font-size:14px !important;
  		font-weight:600 !important;
  		line-height:20px !important;
  	  font-style:italic !important;
    }
  }

  
  We cannot remove a margins at all, because it will remove all breaks of text.

  
  Cheers

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• inspiredbymaps

  October 2018

  hi, ok ... is it possible to just reduce percentage width of margins?

  
  

   And could you show a custom CSS for mobile only that lets me also input Line height / Font weight & style and Letter spacing. Thank
  
• Pablo

  October 2018

  I updated the code above.

  Now, it have all of above parameters.

  
  

  To change the margin of paragraphs, you have to copy & paste this code, and add a p at the end:

  example: body.single-post #Content p{

  margin:value;
  

  }

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next