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 want to change the color of the text under the icon-widgets on my side to white from this grey.
How can I change this?
Hello,
I’m new but you probably have to go into your style.css located under Appearance>Editor and look for this code:
.widget_circleicon-widget .circle-icon-box p.text { color: #5e5e5e; font-size: 13px; margin: 0; margin-bottom: 10px;It’s almost down to the bottom of your style.css. You need to change the color code to #FFFFFF instead of what’s shown. That should work.
Hi Kevin
Alika, thanks for your help here.
Please keep in mind that every time you update Vantage to it’s latest version, the entire theme folder get’s overwritten so any changes made to the theme via Appearance > Editor will be overwritten. In the case of Custom CSS it’s best to copy the selectors you want to edit, out of the Editor and paste them into Appearance > Custom CSS or your own Custom CSS plugin/module. From time to time you may have to use the !important hack to override properties: http://css-tricks.com/when-using-important-is-the-right-choice/.
In the case of the Circle Icon widget, as you’ve seen, it’s not being updated by Appearance > Customize but you can use Custom CSS to set the colors. I’ve gone over the selectors you need in a couple of threads before, here is one:
https://siteorigin.com/thread/circle-icon-text/
We recently upgraded our site search so check it out, it’s way better than it used to be. The answers might be out there already. Otherwise we are here to help.
For a little more, here is Greg on using Custom CSS and your browser’s developer tool to tweak your theme:
https://siteorigin.com/basics/modifying-theme-design-with-custom-css/