I’m trying to change the text color of the Circle Icon Widget and am having a hard time. I’m using Vantage Premium.
First, I tried to use the Design area in the widget after I pulled it into my page, but that didn’t work. No matter what color I turned it to, it stayed gray. So I looked through the forum here and found a similar post from a year ago and tried the code you put there changing all the color # to white inside the Widget CSS in the Attributes area. Still didn’t work.
/* Circle Icon Heading Color */
.widget_circleicon-widget .circle-icon-box h4 {
color: #ffffff !important;
}
/* Circle Icon Text Color */
.widget_circleicon-widget .circle-icon-box p.text {
color: #ffffff !important;
}
/* Circle Icon More Link */
.widget_circleicon-widget .circle-icon-box a.more-button {
color: #ffffff !important;
}
.widget_circleicon-widget .circle-icon-box a.more-button:hover {
color: #ffffff !important;
} I cannot post a URL as the site is in development and not viewable from outside the testsite.
Hi OrderOBK
I’m not sure if those paragraph tags came in at another point, but can you double check that they’re not in the CSS you’ve added to your site? The Custom CSS should look like this:
/* Circle Icon Heading Color */ .widget_circleicon-widget .circle-icon-box h4 { color: #ffffff !important; } /* Circle Icon Text Color */ .widget_circleicon-widget .circle-icon-box p.text { color: #ffffff !important; } /* Circle Icon More Link */ .widget_circleicon-widget .circle-icon-box a.more-button { color: #ffffff !important; } .widget_circleicon-widget .circle-icon-box a.more-button:hover { color: #ffffff !important; }