Home>Support>Customize Hero Widget height with CSS

Customize Hero Widget height with CSS

By nubrinnah, 6 years ago. Last reply by Alex S, 6 years ago.

Hi, I am trying to change the Hero Widget height to something like this:

.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container {
  min-height: calc(100vh - 86px);
}

I am trying to change the height because my full screen Hero image isn’t really full screen because of my header height being 86px. Unfortunately my custom CSS does not work and I can not find out why. Class name is pulled directly from the SiteOrigin CSS plugin.

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

  1. 6 years, 2 days ago Alex S
    Hi, I Work Here

    Hi Nubrinnah,

    I’d like to help you with this issue but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums.

    We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.

    If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.

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