Home>Support>Circle Icon Widget format, remove icons

Circle Icon Widget format, remove icons

Hello,
Is it possible to use the circle icon widget but remove the icons and space completely including the circle? I like the format of the title and text below the icons but I do not really need icons plus I could use the extra space for my slider. I know I could create my own version of this widget but will have to apply some CSS formatting to make it look similar so I was just curious if there was a way to customize the widget. Please let me know if this is a possibility. Thank you.

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

  1. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Tech,

    You can change this with some custom CSS. The following CSS will remove all circle icons. If you only want one specific section to have no circle icons, I’ll have to give you more specific CSS – Please provide me a link. You can mark your reply as private by clicking the private reply checkbox down the bottom right of the post.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .circle-icon-wrapper {
        display: none;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 6 months ago Private Message - TechEng

    This is a private message.

  3. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Tech,

    Please replace the above CSS with:

    .home .circle-icon-wrapper {
        display: none;
    }
    
  4. 8 years, 6 months ago TechEng

    Thanks, works perfectly and is more reliable than just hiding the icons.

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