Help with header color

[isa1978]

Hello guys! how is it going ?

I have a quick question. I changed my headers’ color from pink back to grey/black
but I would like these parts highlighted in the screen shots here attached in the same pink
rgb(227, 158, 217)

is it possible?
could you help me?
website www.boundlessroads.com

thanks a lot
cheers
isabella

[Prasant]

Hello @isa1978,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.h-landmark, .x-sidebar .h-widget, .p-meta span:nth-child(1), .p-meta span:nth-child(2) {
    color: #000;
}

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

Thanks.

[isa1978]

Hello there.
thanks for the tips, I willl have a look.

As for the code you gave me it doesn’t work?
do you have another suggestion?

thanks a lot
cheers
Isabella

[nabeel]

Hey Isabella,

The code provided above works fine you just need to change the color from black to pink. To do this, simply replace the previous code with the following one:

.h-landmark, .x-sidebar .h-widget, .p-meta span:nth-child(1), .p-meta span:nth-child(2) {
    color: rgb(227, 158, 217);
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[isa1978]

oh sorry! thanks a lot

[mldarshana]

Glad we were able to help