Change spacing and size of h2 on blog page

edited November 2016 in Blog
Hi

Currently the post titles on the blog pages are appearing too large to read clearly.

I've seen on other posts you have shared this custom CSS

  • .blog_wrapper .post-desc .post-title h2 a { font-size: 20px !important; }



This helps in reducing the font size, however the spacing is still too large, how can I reduce that?


I've had a fiddle around with inspect, and when I untick 'Font-size' under h2, it formats correctly. But I'm unsure how to translate that into a custom CSS

Here's a screen shot - http://imgur.com/a/fpUsu

Comments

  • edited November 2016
    Have managed to fix it, need to add a display block then the line height will work. Here is the CSS I used in case anyone else is having similar issues:

    .blog_wrapper .post-desc .post-title h2 a {
        font-size: 20px;
        line-height: 1.2;
        display: block;
    }
  • Ok, thanks for the solution. We are glad that you found it yourself.
Sign In or Register to comment.