Docs

[SixIT]

Hi there,

I have a custom headline accent colour, see below:

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
border-top: 0;
border-bottom: 0;
background-color: #3f0f10 ;
height: 2px;
}

Would there be a way of creating a custom class to use when I need the accent and header to be white (it’s dark red for the majority of the site however, I may need it white for certain sections of the website).

Many Thanks,

Joe

[Christopher]

Hi there,

Please add a custom class like custom-headline to your headline’s class field and add following code :

.h-custom-headline.custom-headline.accent span:before, .h-custom-headline.custom-headline.accent span:after {
border-top: 0;
border-bottom: 0;
background-color: #fff ;
height: 2px;
}

Hope it helps.

[SixIT]

That’s worked perfectly, is therea way to change the font colour in the css as well?

Thanks in advance!

[Thai]

Hi There,

Please add the following CSS:

.h-custom-headline.custom-headline.accent span {
color: #000;
}

Hope it helps 🙂

[SixIT]

Perfect, that worked great!

[Thai]

If you need anything else please let us know.

[Author]

Posts