Home>Support>Circle Widget Font Colour

Circle Widget Font Colour

By BrayZ Beats., 10 years ago. Last reply by Andrew Misplon, 10 years ago.
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].

Hi,

next question – the headings of the circle colour widget switched from red to black with the new update. How can I fix that?

Ps. Same thing here with the order number – I’ve no order number, but using the Premium version.

URL: http://brayzyourself.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi BrayZ Beats

    Here is a full set of selectors you can use to control the Circle Icon widgets, insert under Appearance > Custom CSS, edit as required and delete what you don’t need:

    /* 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 find your order number under Settings > General in the SiteOrigin order number field at the bottom of the page. If you need to recall your order number you can do so using this form: https://siteorigin.com/orders/

  2. 10 years, 7 months ago BrayZ Beats.

    Hi Andrew,

    great – thank you !

  3. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure, glad we could help.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More