This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

Open 11 replies premiumthemetheme-vantage
seaneo
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 11 years, 8 months ago

    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. seaneo 11 years, 8 months ago

    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. Andrew Misplon Staff 11 years, 8 months ago

    Sure.

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

  4. seaneo 11 years, 8 months ago

    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. Andrew Misplon Staff 11 years, 8 months ago

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

  6. seaneo 11 years, 8 months ago

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

  7. Andrew Misplon Staff 11 years, 8 months ago

    Sure. [email protected].

  8. seaneo 11 years, 8 months ago

    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. Andrew Misplon Staff 11 years, 8 months ago

    Please try again. Hopefully just a temporary error.

  10. seaneo 11 years, 8 months ago

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

  11. Andrew Misplon Staff 11 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread