Change the color of titles inside a container

[ProductionMD1986]

Hi, I would like to know how to change the color of the titles (h1, h2, h3…) but just inside a particular container. What would be the code to write on the CSS espace of this particular container?

Thanks.

[Prasant]

Hello @ProductionMD1986,

Thanks for asking.

If you are referring to a particular section inside Cornerstone builder, then in Heading element > Text Style you get the option to change color.

If you want to change color of blog page headline title, please add following CSS under X > Theme Options > CSS:

.entry-title {
    color: #ddd;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

[ProductionMD1986]

Hi, I meant what would be the code in the CSS line of the Container as shown in this pic :

There I put a code for the color of the body font of this container. What would be the code for the color of the titles (h1, h2, h3…)?

[thai]

Hi There,

The inline CSS will not work.

Please add the your-container class to the class field instead.

After that add this custom CSS under Theme Options > CSS:

.your-container h1,
.your-container h2,
.your-container h3 {
     color: #fff;
}

Hope it helps

[ProductionMD1986]

And this is why I love you guys!

Thanks, it worked!

[Prasant]

You are most welcome.