Tagged: blog post titles, heading tags
-
AuthorPosts
-
April 21, 2015 at 12:15 pm #431917
Hi there,
I’d like to change the CSS for Blog Post Titles.
Can you please let me know how to change the font size in the CSS for only the Blog Post Title? I don’t want this change to affect other H1, H2 tags etc that are used in the ‘Pages’ part of my site.
Also in the ‘body’ part of the Blog post – I’d like to customise the CSS here also, for H1, H2 tags, p tags, and also text weight, size and color as well.
Thanks!
April 21, 2015 at 2:13 pm #431998Hey Robyone925!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.entry-content-wrapper .post-title { font-size: 26px !important; } .entry-content { font-size: 16px !important; }
If that does not help, please post the link to your website
Regards,
YigitApril 22, 2015 at 2:50 am #432493Hi there Yigit,
Wonderful – changing the .entry-content-wrapper .post title worked beautifully.
The second part of my question regarding changing different elements on Blog posts (without affecting the remainder of the site) I still need help with. I’d like the normal paragraph text to stay as it is, but I need to customise the H3 tags and Bold elements.
Do I add similar code to the Quick CSS?
Thanks again!
April 23, 2015 at 5:38 am #433234Hi!
You can use the .post class to target only posts:
.post h3{ color:red !important; } .post strong{ color:blue !important; }
Regards,
RikardApril 24, 2015 at 4:42 am #433857Hi there – I’m still having trouble getting this to work. Here is the code I have put in the ‘General Styling’ section under the ‘Quick CSS’ section:
======================
.post h3 strong{
color:#717171 !important;
}.post strong{
color:red !important;
}
======================
and here is the html code on the actual Post:<h3 class=”post”>this is a h3 heading</h3>
<strong class=”post”>this is bold text
this is normal text
===========================
Sorry I’m probably doing something really silly but I’d love for this to work properly! Thanks again for your help.- This reply was modified 9 years, 8 months ago by Robyone925. Reason: The first part works beautfilly
April 24, 2015 at 9:18 pm #434441Hi!
Please post the content of your Quick CSS field using – http://pastebin.com/
If you have CSS minifying feature enabled on any plugin, please try disabling it.Cheers!
YigitApril 26, 2015 at 11:15 am #434830Hi Yigit,
I have fixed the problem – I removed the class=”post” from all the html code and it’s now working fine.
Thank you and Rikard very much for your guidance.
April 27, 2015 at 9:02 am #435100 -
AuthorPosts
- You must be logged in to reply to this topic.