Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’m using the premium Vantage theme and trying to change the font color and size for the text in the circle icon area. If I go to Appearance>Customize>Fonts and change the content header color it shows correctly in the preview. But, after I Save and Publish the color change reverts to the default.
Hi poppen
For the Circle Icon widget you can set the background and icon color under Appearance > Customize, further customisation of that widget will require Custom CSS. Insert the following under Appearance > Custom CSS, edit as required:
/* Circle Icon Font */ .circle-icon-box { font-family: Arial; } /* Circle Icon - Icon Font Size */ .widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] { font-size: 24px !important; } /* Circle Icon Heading Color */ .widget_circleicon-widget .circle-icon-box h4 { color: #3b3b3b !important; font-size: 14px !important; } /* Circle Icon Text Color */ .widget_circleicon-widget .circle-icon-box p.text { color: #5e5e5e !important; font-size: 14px !important; } /* Circle Icon More Link */ .widget_circleicon-widget .circle-icon-box a.more-button { color: #3b3b3b !important; font-size: 14px !important; } .widget_circleicon-widget .circle-icon-box a.more-button:hover { color: #dd3333 !important; font-size: 14px !important; } /* Vantage set Circle Icon Widget Icon color */ .widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] { color: #FFFFFF; font-size: 14px !important; }You can also delete the selectors you don’t need to change anything in.
Hope that helps.
Thanks Andrew, that worked.
Super, glad to hear that helped. All the best.