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 to set Circle Icon Widget to open a new page/tab

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

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 2 months ago

    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. SimonW 11 years, 2 months ago

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

    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. SimonW 11 years, 2 months ago

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

    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. SimonW 11 years, 2 months ago

    All sorted. Thanks for your help and support.

  7. Andrew Misplon Staff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread