Home>Support>Making Circle Icon widget background the same size

Making Circle Icon widget background the same size

I have six circle icon widgets on my home page. They all have text in them but the widget only gets as long as the text. They do not all have the same amount of text in them so they are different sizes in height. All the same in width, but not height. So I have them the same color as the page background so no one can tell. I would like to change their color but I want them all to have the same height. How do I do that?

URL: http://cindyswebbydesign.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, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Christmaslyric4537

    Thanks for reaching out. You could consider adding a min-height to those widgets. To try this, edit each widget, click Attributes top right, enter in a class name in the CSS Class field:

    circle-height

    Then go to Appearance > Custom CSS and target that as required:

    /* Widget Styles */.circle-height {min-height: 300px;}

    Just paste the above into Appearance > Custom CSS. Edit the 300px figure as required.

  2. 9 years, 6 months ago christmaslyric4537

    Thanks! That did exactly what I wanted!

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

    Super, glad we could help out there.

    All the best :)

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