Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    #431998

    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

    #432493

    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!

    #433234

    Hi!

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

    .post h3{
    color:red !important;
    }
    
    .post strong{
    color:blue !important;
    }

    Regards,
    Rikard

    #433857

    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, 8 months ago by Robyone925. Reason: The first part works beautfilly
    #434441

    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

    #434830

    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.

    #435100

    Hey!

    No problem, glad we could help :)

    Cheers!
    Rikard

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