Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 21, 2015 at 12:15 pm #431917
    Robyone925

    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 #431998
    Yigit

    Hey 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,
    Yigit

    April 22, 2015 at 2:50 am #432493
    Robyone925

    Hi 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 #433234
    Rikard

    Hi!

    You can use the .post class to target only posts: 

    .post h3{
color:red !important;
}

.post strong{
color:blue !important;
}

    Regards,
    Rikard

    April 24, 2015 at 4:42 am #433857
    Robyone925

    Hi 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, 7 months ago by Robyone925. Reason: The first part works beautfilly
    April 24, 2015 at 9:18 pm #434441
    Yigit

    Hi!

    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!
    Yigit

    April 26, 2015 at 11:15 am #434830
    Robyone925

    Hi 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
    Rikard

    Hey!

    No problem, glad we could help :)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.