Color change to blog headings

sharonjason · Member · Nov 2, 2017 at 12:21 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
tarunvijwani · Staff · Nov 2, 2017 at 1:22 pm
Copy link
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!
siobhyb · Staff · Nov 2, 2017 at 6:49 pm
Copy link
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.
tarunvijwani · Staff · Nov 3, 2017 at 2:59 am
Copy link
@siobhyb Noted. Thanks for correcting me :)
siobhyb · Staff · Nov 3, 2017 at 10:03 am
Copy link
@tarunvijwani: Sure thing, thanks for all your help on the forum!

No items found.