CSS code to adjust font size of the body text for mobile view (responsive theme)

• 

  frankostyn · Member · Oct 6, 2015 at 2:11 pm

  • Copy link
  • Add topic to favorites

  Hi, I use the snaps theme on my blog http://www.memoriesofpalestine.com. It is a responsive theme and I need to create the CSS code to reduce the font of the text in the projects or the pages as it is too big for the moment. However, I am not familiar with CSS. Can you provide me with that code? That would be wonderful. Thx

  The blog I need help with is: (visible only to logged in users)

• 

  ehtis · Staff · Oct 6, 2015 at 2:35 pm

  • Copy link

  Hi there,

  This code should reduce the font size on mobile screens having a maximum width of 600 pixels:

  @media (max-width: 600px) {
  .wf-active p, .wf-active .site-description {
      font-size: 1.01em;
     }
  }

  If you want the size reduced on desktop-sized screens as well, append this to the above code:

  .wf-active p, .wf-active .site-description {
      font-size: 1.18em;
  }

  Adjust the sizes as required.

  P.S. Nice blog! :)

• 

  frankostyn · Member · Oct 8, 2015 at 1:20 am

  • Copy link

  Thx!