Home>Support>How change font size of the text in the Circle Icon?

How change font size of the text in the Circle Icon?

By seaneo, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hello, I am trying to change the font size of the Text inside the Circle Icon, how can I do that please?

I just bought the premium version, excellent work! nice product.

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, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    Please try the following under Appearance > Custom CSS and edit as required:

    /* 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 delete the selectors you don’t need.

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  2. 10 years, 2 months ago seaneo

    perfect thanks!

    The only thing I don’t see is how to change the font size of the title of the Circle Icon, or is it there and I don’t recognize it?

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

    Sure.

    Did you change the font size of the first selector? .widget_circleicon-widget .circle-icon-box h4

  4. 10 years, 2 months ago seaneo

    oops, did it now, thanks, worked great.

    A negative side affect that seems to have happened of the various font changes I made this morning is that the icons inside the Circle Icons have shrunk by 50%, leaving the black circles at the right size (medium) but tiny icons inside now, any idea of how to fix that?

  5. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Please send through a link if the site is live and I’ll take a look.

  6. 10 years, 2 months ago seaneo

    is there a way I can send it privately? I would prefer to not make it public on these forums, thanks

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

    Sure. [email protected].

  8. 10 years, 2 months ago seaneo

    I sent it there but I got a rejection that says:

    Your message did not reach some or all of the intended recipients.

    Subject: from user SEANEO – Vantage Theme
    Sent: 30/06/2014 02:29 p.m.

    The following recipient(s) cannot be reached:

    ‘[email protected].’ on 30/06/2014 02:29 p.m.
    Server error: ‘Invalid recipient’

  9. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Please try again. Hopefully just a temporary error.

  10. 10 years, 2 months ago seaneo

    I did resend it yesterday, did you get it okay? thanks

  11. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Got it, replied now.

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