Change accent colors for whole website?

I am looking to change the accent color scheme for my site. I am building off a demo page presets. When I use


the color is always bright.

How do I change the Accent colors for the whole site so 1, 2, 3 ect are what I want?

Thanks!

Hi @paul_madsen,

Thanks for writing in.

A bit confuse of what you want to adjust. Would you mind sharing us your URL and screenshots so we could easily understand what you want to update.

Thanks.

http://careservegive.apps-1and1.com/

here are some examples. I want the accents to be different color schemes. like the hr class=“accent-2”> - How do i change what the “accent-2” (or any number)

thanks!

In this image the underline ( < hr>) is red and the box quote is orange. How do I change the accent colors so it’s black, silver and gold?

Here you see the class accent is 2. how do i change those accents?

Hi There,

Please navigate to Theme Options > CSS and look for this block:

.h-custom-headline hr.accent-1 { background-color: #fd7563; }
.h-custom-headline hr.accent-2 { background-color: #f5a623; }
.h-custom-headline hr.accent-3 { background-color: #f8e71c; }
.h-custom-headline hr.accent-4 { background-color: #b3d430; }
.h-custom-headline hr.accent-5 { background-color: #00a380; }

This are the custom CSS that style the accents (1-5), simply change those color values to the colors you need.

Thanks,