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 just upgraded to the full version and while going through changing my font colors it worked for almost everything but I am unable to change some color.
It is happening mainly on the ‘Circle icon’ text which I am also having trouble figuring out how to change the text size on that particular widget.
Thanks
Hi Cameron
Thanks for running Vantage Premium.
This is unfortunately a small issue you’ve run into. If you don’t mind working with a little CSS we can resolve it. Please insert the following under Appearance > Custom CSS:
/* Circle Icon Font */ .circle-icon-box { font-family: Arial; } /* Circle Icon Heading Color */ .widget_circleicon-widget .circle-icon-box h4 { color: #3b3b3b !important; } /* Circle Icon Text Color */ .widget_circleicon-widget .circle-icon-box p.text { color: #5e5e5e !important; } /* Circle Icon More Link */ .widget_circleicon-widget .circle-icon-box a.more-button { color: #3b3b3b !important; } .widget_circleicon-widget .circle-icon-box a.more-button:hover { color: #dd3333 !important; } /* Vantage set Circle Icon Widget Icon color */ .widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] { color: #FFFFFF; }You’re welcome to delete whichever sections you don’t need to edit. You should replace Arial with your font-list and change the colors I’ve listed to the ones you require.
Thank you! Sorry to ask such a simple question. I do have one more question, is there a way to put in my own vector icon for the circle icon?
You can put an image in by selecting None for the icon and then using the background image field in the widget settings to place your own image. You can get that url from the image after it’s been uploaded to the Media Library, check the right column.