This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

hero image – buttons too close together

Open 6 replies pluginplugin-widgets-bundlequestion
[email protected]
8 years ago · Last reply by Alex S 8 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Alex S Staff 8 years, 11 months ago

    Hi Uwe,

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

  2. Alex S Staff 8 years, 11 months ago

    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.

    • [email protected] 8 years, 11 months ago

      added the code and cleared all caches – no change

      • [email protected] 8 years, 11 months ago

        this has only effect to the bottom margin for small displays

  3. Alex S Staff 8 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread