How do I change css for h1, h2, h3 font sizes
By John Duffy on Friday, 28 August 2015
Posted in Technical Issues
Replies 5
Likes 0
Views 381
Votes 0
Hi,

I've got a new installation of easyblog on J3.3. But the layout is not consistent with my main template. I've searched for answers but found none that suit. I'm looking to change css for h1, h2, h3 font sizes. But I see answers which point to files in paths which I do not have. Also, although there is lots of documentation on lots of topics, I don't see anything which points me in the right direction. Can you please tell me how to change the fontsize of the headings in easyblog?

Also, the blog titles seem to be h2, as do the blog headings within the posts, but both are different sizes. I'd like them to be the same, if possible.

The url for the site is http://cgcf.ie/new2/index.php/en/blog

Thanks
Hey John,

There are actually really no restrictions or settings for this. You can actually just add your css overrides easily in your template's custom css file. For instance, if you want to set the h2's in EasyBlog to have the font size of 18px, you can add this,



body .eb-post-body h1 {

    font-size: 18px;

}


You should really inspect these elements using the browser's debugger tool or firebug on Firefox
Mark
·
Friday, 28 August 2015 04:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark,

I've modified the main template custom.css file, as well as make some post title changes in an EB min css file which didn't carry through from the body changes in the custom.css file.
John Duffy
·
Friday, 28 August 2015 19:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey John,

I am really sorry for the delay of this reply, I must have missed your post when I was traveling earlier Not really sure if I understand you here, are you still having issues with this?
Mark
·
Thursday, 03 September 2015 02:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Thanks for replying. I've no issues outstanding. What I meant in my previous post was that some of the changes were effective by doing what you suggested and adding code to the custom.css file in the template, but a few others could only be done by editing one of the min css files directly (since entering the code in the custom.css didn't have any visible effect). All sorted at the moment. Thanks.
John Duffy
·
Thursday, 03 September 2015 04:51
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome, glad to heard your issue resolved.
Arlex Wong
·
Thursday, 03 September 2015 14:10
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post