CSS override for headline ?
By Brett Thayer on Wednesday, 22 July 2015
Posted in Technical Issues
Replies 7
Likes 0
Views 422
Votes 0
My template is creating rather large headlines for my blog that look really ugly. I'm wondering if its possibleto write a css override for the headlines in the blog? Or force the headline to be used from the blog style rather than the site template settings?

http://thatworksdesign.com/blog
Hey Brett,

Can you check my attached screenshot at below and see is it I pointing to the correct headlines as you mentioned?

If no, perhaps you can provide us some screenshot which headlines are you referring to? Please advise.
Arlex Wong
·
Thursday, 23 July 2015 00:47
·
0 Likes
·
0 Votes
·
0 Comments
·
In your image file it is the text headline that reads "ThatWorks! Design - Utah's Cusom Website Design Specialists"

That is a h2 headline being controlled by the templates .css file. I need to override that fon't size just for the blog.
Brett Thayer
·
Thursday, 23 July 2015 01:00
·
0 Likes
·
0 Votes
·
0 Comments
·
You can try apply this css code in your current template css file and see how it goes. (result on my screenshot below)


div#fd.eb .eb-post-head h2 {

    font-size: 30px !important;

    margin: 0 0 10px !important;

}
Arlex Wong
·
Thursday, 23 July 2015 01:35
·
0 Likes
·
0 Votes
·
0 Comments
·
That works nicely. Thanks you.

Now I wish I could get rid of that extra padding at the top but it doesn't seem to be in the css.
Brett Thayer
·
Thursday, 23 July 2015 02:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Are you referring to the padding above the toolbar? This is actually generated by your Joomla template and you can reset it by adding the codes below:



body .modspot {

padding-top: 0 !important;

}
Mark
·
Thursday, 23 July 2015 02:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Again many thanks. You guys go above and beyond to spport your products.

Our of curiousity what make the padding code above apply only to the blog and not the entire site?

I now notice my site has this padding on many pages.
Brett Thayer
·
Thursday, 23 July 2015 02:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Brett,

Unfortunately that was not possible is because Easyblog class is under parent in your current template, you can take a look of my screenshot below. In other words, this only can control by your current template. Hope this helps.
Arlex Wong
·
Thursday, 23 July 2015 10:16
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post