Which CSS do I write to get smaller size of font in post headlines (Basis them)?

• 

  sandapel · Member · Nov 17, 2014 at 11:09 am

  • Copy link
  • Add topic to favorites

  Which CSS do I write to get smaller size of font in the post headlines (Basis theme)?

  My Problem:
  Especially the post headlines are not responsive in a good way and look crazy in Phone! The letters are too big. Everything else but the headlines look fine (or do you see anything else that could be updated?), but the headlines are just crazy!!! Please help! I had a guy earlier who helped me with the CSS, but I cannot use him anymore, and I´m not very good at CSS, so I would be very happy with some exact instructions how to solve it looks good also in phones. When changing the font size in appearance/customize it doesn´t change, so I understand there is something written in the CSS? Big thanks in advance!!!

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

• 

  hallluke · Member · Nov 17, 2014 at 1:02 pm

  • Copy link

  You can target just smaller screen sizes with a CSS media query. Here’s an example you can add to your existing custom CSS, paste it after all your existing rules on the Appearance > Customize > CSS page:

  @media screen and (max-width:600px) {
    .wf-active .post h2.post-title a {
      font-size:0.7em;
    }
  }