Changing color of .h-custom-headline

[crazymikejr14]

Hi there,

I am using the bed and breakfast template and am trying to change the .h-custom-headline, which is pink now, to white.

I tried to add code:

.h-custom-headline hr {
background-color: #ffffff; !important
}

to ‘Additional CSS’ but it did not take effect.

If anyone could point me in the right direction that be amazing!

Thank you,
Michael

[basanta]

Hi Michael,

Thanks for writing in!

The CSS you have written is fine but there is a formatting error that’s why it is not working.
Please use this instead of yours.

.h-custom-headline hr {
background-color: #fff !important; 
}

Hope this works!

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

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

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[crazymikejr14]

Worked perfectly!

Thank you for your time.

[rad]

You’re most welcome!