Home>Support>hero image – buttons too close together

hero image – buttons too close together

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’m using the vantage premium theme with page builder and the widgets bundle.

I created a page with a hero image and two action buttons within this widget, but I found no possibility to add some horizontal space between the buttons.

Do you have a hint for me?

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

    Hi Uwe,

    Do you have a public URL where we can take a look at what’s going on?

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

    Hi Uwe,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media (max-width: 545px) {
    	.sow-hero-buttons .so-widget-sow-button {
    		margin-bottom: 10px !important;
    	}
    }
    

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

    • 8 years, 3 months ago [email protected]

      added the code and cleared all caches – no change

      • 8 years, 3 months ago [email protected]

        this has only effect to the bottom margin for small displays

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

    Hi Uwe,

    The CSS will affect phones. If you wish to affect high-end (Android) phones or tablets, please increase the max-width amount. To completely cover tablets, you want to set it at 1024 but please be aware this may cause spacing issues on low-end laptops.

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