Home>Support>Circle Icon Widget

Circle Icon Widget

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

Hi, Is there a way I can make my circle Icon widget a button without checking the

* Link title and icon to “More URL” box?

Cause I make custom button for social media but when I press the box, it has a text below saying more info.
I just want it a circle icon alone, no text.

please see link for reference : http://i.imgur.com/iiHkKOw.jpg

URL: http://chiaraspastry.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. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Roland

    If you add a circle icon in pagebuilder and then edit it, just select the icon and ONLY enter the destination URL.

    Afterwards add this to your custom CSS

    /*Circle icon text removal*/
.widget_circleicon-widget .circle-icon-box a.more-button {
    display: none;
}

    Be aware, this will disable the more text option on all circle icons. If you need to do it on a specific page we can do that but will need to know on which pages.

    Let us know how you get on

    Magus

  2. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Roland

    Been playing with these options a bit more and found a better solution.

    Create the circle icon, give it a destination URL and then expand the attributes slider on the right hand side.
    Enter a custom class name to isolate these slider from others used on the site.

    Then enter this into your custom CSS

    /*Circle icon text removal*/
.classname a.more-button {
    display: none;
}

    Just replace classname with the custom class you create, leaving the period in front.

    Hope this helps

    Magus

  3. 9 years, 5 months ago roland

    Hi Magus! thanks! the first Css you gave work! but one more think? is it possible to create a new tab? :)

    thank you so much Magus :)!

  4. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Roland

    I don’t believe that is possible with the circle icons. If you want to open them in a new tab you would be better off changing each circle icon for a visual editor and use an image for the button. If you do this you can select the image and click on the add link button of the editor. From there change the URL to the one you want and tick the box under it to open in new tab/window.

    Hope this helps

    Magus

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

    Hey guys; thanks for helping out here Magus.

    roland, it’s worth checking out the Features widget. It’s part our Widgets Bundle plugin and is essentially an evolved Circle Icon widget:

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

    It has the open to open links in a new tab.

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