Hi,
I’m new to word press and was trying to find a custom CSS that would change the font color of my Vantage Headline that is located in the footer of my webpage. I have the vantage Headline in two places on my homepage but i want to be able to change the color separately, the code I’ve used only changes both of my headlines.
Thank you,
David Walker
Hi David
Thanks for reaching out. The easiest solution would be to run our new Headline widget, it has a font color selector. Once you’ve installed: https://wordpress.org/plugins/so-widgets-bundle/ you can activate the Headline widget at Plugins > SiteOrigin Wigdets. When you insert it, look for the SiteOrigin Headline widget.
Hope that helps :)
Andrew,
Thank you, that helped with the color issue! But then it doesn’t have the same format of the old Vantage Headline, I couldn’t find anywhere to change the font size of the widget.
David
Good point! I think we need a font size and text transform (uppercase) setting there.
Ok so back to Custom CSS then. Try the following under Appearance > Custom CSS:
/* SiteOrigin Headline Widget */ .so-widget-sow-headline .sow-headline h1 { font-size: 26px; text-transform: uppercase; } .so-widget-sow-headline .sow-headline h3 { font-size: 14px; font-weight: 200; }