Home>Support>Circle Icon Text

Circle Icon Text

By mviolante, 11 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].

I am running the vantage theme, pagebuilder plugin. I tried for about three hours to change the colors of the circle icon text and link but nothing seemed to work. I even deleted my entire wordpress installation, reinstalled wordpress, and started fresh . . . still nothing!

Help?

the site is
www.mariaviolante.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. 11 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Maria

    The circle icon text and link colors aren’t currently theme options. Please insert the following under Appearance > Custom CSS to change those and edit the below as required:

    /* Circle Icon Heading Color */.widget_circleicon-widget .circle-icon-box h4 {color: #3b3b3b !important;}/* Circle Icon Text Color */.widget_circleicon-widget .circle-icon-box p.text {color: #5e5e5e !important;}/* Circle Icon More Link */.widget_circleicon-widget .circle-icon-box a.more-button {color: #3b3b3b !important;}.widget_circleicon-widget .circle-icon-box a.more-button:hover {color: #dd3333 !important;}

    Hope that helps.

  2. 11 years, 17 days ago seaneo

    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.

  3. 11 years, 17 days ago Andrew Misplon
    Hi, I Work Here

    Hi seaneo

    Thanks for your postive feedback. Please open a new thread for me and I’ll assist there.

  4. 10 years, 10 months ago evokurvoice

    Hi, I love this theme. It’s been easy to use and I love using it with Page Builder. I have the premium version. How can I add text inside the Circle icon widget and increase the size of the icon?

    • 10 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      Hi evokurvoice. Glad to hear Vantage is working out. Head to the page where the Circle Icon widget is located, usually Appearance > Home if you’re starting out. Edit the Circle Icon widget and add text as required in the Title and Text fields as required.

      To change the actual icon’s size, insert the following under Appearance > Custom CSS (Vantage Premium) or into your own Custom CSS module and edit as required:

      /* Circle Icon – Icon Font Size */

.widget_circleicon-widget .circle-icon-box .circle-icon [class^=”icon-“] {
font-size: 24px !important;
}

      For further assistance please open a new support thread. Thanks.

  5. 10 years, 10 months ago evokurvoice

    This is a wonderful fix. It changes the icon size inside the circle, which is good to do. What about changing the size of the circle.

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

    Glad that helped. The circle itself has three size settings within the widget settings.

  7. 10 years, 10 months ago evokurvoice

    You rock! Anyway, I am extremely pleased with the Vantage Theme. I am also looking forward in using many features with an Influence Premium when that is available. Right now, I think Site Origin is spoiling me with the ease and flexibility of use.

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

    Thanks for your positive feedback, it is much appreciated.

    Influence Premium is available in exchange for a newsletter signup. Have you had trouble gaining access?

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