Home>Support>How to set Circle Icon Widget to open a new page/tab

How to set Circle Icon Widget to open a new page/tab

By SimonW, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am using Vantage Premium.
Is there a way to enable the Circle Icon Widget to open a new page/tab.
This facility exists when creating normal links and I have already had feedback from users saying how fantastic it is to open a link and not loose the existing page!!
Thanks
SimonW

URL: http://www.aragonactive.com/home/

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

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

    Hi SimonW

    Thanks for reaching out.

    Please try our SiteOrigin Features widget, it’s part of our Widgets Bundle plugin:

    http://wordpress.org/plugins/so-widgets-bundle/

    It has the option to open links in a new window.

  2. 9 years, 8 months ago SimonW

    Many thanks Andrew I have installed the plugin and now my circle widget opens in a new tab. However, is there a way to change the font for the “title text” and “more link text”. With the circle widget on page builder these are in a much heavier font style and really stand out! I guess you have done such a superb job on page builder my expectations are much greater!!
    Thanks
    SimonW

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

    For sure.

    Insert the following under Appearance > Custom CSS and adjust as required:

    /* SO Features Widget Heading */

.sow-features-list .sow-features-feature h5 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
}

/* SO Features Widget More Text */

.sow-features-list .sow-features-feature p:last-child {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
}
  4. 9 years, 8 months ago SimonW

    Hi Andrew,
    Thanks for that, I now have it inserted. Even added bold styling to get the heading as I wanted. However, I am new to this and cannot get the “more text” in bold, although I have tried! I think there is a conflict because it is a child but have not grasped the principle yet. Any chance of pointing me in the right direction? My code is as follows, and the url is: http://www.aragonactive.com/home/

    /* SO Features Widget Heading */

    .sow-features-list .sow-features-feature h5 {
    font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    }

    /* SO Features Widget More Text */

    .sow-features-list .sow-features-feature p:last-child {
    font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-size: 13px;
    }

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

    Your Custom CSS is taking effect, it’s just that Helvetica and 13px were the defaults, you haven’t yet changed the CSS I sent, so nothing has changed, the selector has just been declared twice. You’ll need to change the selector I sent to see a change, try changing 13px to 14px for example or change the font. The text is already 500 in weight so you won’t see too much change by bolding it. Here is how that would look:

    /* SO Features Widget More Text */

.sow-features-list .sow-features-feature p:last-child {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
}

    Hope that helps.

  6. 9 years, 8 months ago SimonW

    All sorted. Thanks for your help and support.

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

    For sure, glad that helped.

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