Color change to blog headings

  • Author
    Posts
  • #3042336

    Hi there,

    I’m trying to change the colour of the headings from light blue to black, but struggling here!

    Can anyone help please?

    Best wishes

    Sharon

    The blog I need help with is sharonandherportfolio.wordpress.com.

    #3042533

    Hi there,

    Please try the below code under custom CSS & let us know if it works:

    h1.entry-content  {
    
        color: Black !important;
    
    }

    Please check all the pages & blog post to confirm it is not impacting anything else.

    Please refer this support article for more details for Custom CSS: https://en.support.wordpress.com/custom-css/

    Please note CSS Customizer is only available in Premium or Business upgrade plan.

    Please refer the below articles to know more about business plans:
    http://wordpress.com/pricing
    https://en.support.wordpress.com/business-plan/
    https://en.support.wordpress.com/seo-tools/

    Hope this helps!

    #3042567

    siobhyb
    Staff

    Hi Sharon,

    As you’re under the free plan, you won’t have the option to only change the colour of the headings. You can, however, choose from a selection of free colour palettes via the Colours & Backgrounds panel of the WordPress.com Customizer.

    If you select the “Palettes” button over the Backgrounds tab there, you’ll be able to experiment with the different colour palettes available to you, some of which will change the headings to a darker colour.

    As @tarunvijwani noted, more advanced Custom Design options are included as part of the WordPress.com Premium and Business plans. If you upgrade then the following custom CSS would be enough to change the titles on your blog posts to black:

    h1 {
        color: #000;
    }

    The above will change the colour of all titles on your individual blog posts and pages. If you only want to target blog posts (not pages) then use the following:

    .single-post h1 {
        color: #000;
    }

    @tarunvijwani: It’s best to avoid using the !important command in CSS whenever possible. It’s usually not needed (like here) and it can make it more difficult to troubleshoot custom CSS further down the road, since !important acts as an override. Generally it’s best to write more specific CSS if you need to, rather than rely on !important to force the code to work.

    Hope the above information helps! Let me know if you have any extra questions.

    #3042579

    @siobhyb Noted. Thanks for correcting me :)

    #3042587

    siobhyb
    Staff

    @tarunvijwani: Sure thing, thanks for all your help on the forum!

The topic ‘Color change to blog headings’ is closed to new replies.