Home>Support>Hero Image as home page with extra space below main navigation bar (Theme: Virtue)

Hero Image as home page with extra space below main navigation bar (Theme: Virtue)

Hi there, thanks for the awesome plugin ( PageBuilder ).

I am trying to have a Hero Image in my homepage, but right now I am getting some extra space between the Header and the Hero Image.

It looks like this is coming from

div.row::before

How can I get rid of it?

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, 28 days ago Alex S
    Hi, I Work Here

    Hi Paulo,

    Thank you for the kind words! :)

    The theme is actually causing this spacing in a number based on something else. Basically, it applies a certain amount of margin to anything assigned as a widget. You have two options to prevent this.

    Disable the .widget class from being added to SiteOrigin Page Builder widgets
    Please navigate to WP AdminSettingsPage Builder and open the Widget tab. Untick the Add Widget Class setting and save your settings.

    Remove the .widget spacing from the hero widget on the homepage.
    You can prevent this margin being added in this specific instance by using CSS. Please navigate to AppearanceCustom CSS and you’ll get our custom CSS editor. Add the following CSS:

    .home .widget_sow-hero {
    	margin: 0;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  2. 8 years, 27 days ago Paulo Tebet

    I´ve changed the Theme custom CSS and even though the extra space haven´t been completely removed it is way better now.

    Thank you so very much!

    Regards.

    Paulo Tebet

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