Change heading colours

Themes
1

Hi everyone,

I am looking for some guidance on how to change the colour of the headings for the Edition theme.

Here is a link to the site https://footy-talking-points.ghost.io/. For instance, I want to change the css.element, .h3.post-title to a different colour.

I have inputted this code into the header:

.h3.post-title { color: #8ee4af; }

But it doesn’t seem to work.

Any assistance would be greatly appreciated.

2

You are actually close to the solution, this should work:

h3.post-title { color: #8ee4af; }

h3 is an HTML tag, so doesn’t require . before, only classes do.

3

Thanks! Working now.

Just a follow up on this. I am now trying to change it for the sub-headings within one our blogs (see Domain error).

The sub-heading text I want to change: 1. Sam Walsh’s Inside / Outside Game. It is formatted as the small H when writing the post on Ghost. But the CSS element seems to be uniquely linked i.e. 1-sam-walsh%E2%80%99s-inside-outside-game (it is h3).

Is there a way I can format it once so that every time I use the small H it is a different colour? Is this just formatting h3? If so, how do I do this?

Thanks,

4

The color is actually defined from the theme, probably there is a rule for h3’s color, you can do it similarly for the other heading levels.