Ascent line colours different for different sections

Hi,

You guys sent me some code to change the ascent line colours on the custom headlines which worked great and this applied to the whole site. Is there any way that i can change them on a per instance basis. At the moment i have set them to white as i had a grey background but now obviously you cant see them on a white background. The code that you sent me to add to the global css originally was;

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; }

thanks

Hi There,

You can add a class to your custom headeline for example, class: blueheadline;

And use :

.h-custom-headline.blueheadline.accent span:before, .h-custom-headline.accent span:after { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; }

Hope it helps