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.

Left align text within a button

Resolved 7 replies customizationpluginplugin-page-builder
Simon
9 years ago · Last reply by Simon 9 years ago

Hi there,

I am having trouble aligning the text within a button to the left. Basically I want all the text aligned on the same vertical axis.

website: www.kreativhouse.com

Cheers
Simon

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Alex S Staff 9 years, 2 months ago

    Hi Simon,

    I just took a quick look at your website and the issue described doesn’t seem to be present anymore. As it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.

  2. Simon 9 years, 2 months ago

    Hi Alex,

    See how on the landing page the logo, ‘office’ and ‘for’ are all aligned however ‘membership’ is indented. How do i align the word membership with the rest?

    Cheers
    Simon

  3. Alex S Staff 9 years, 2 months ago

    Hi Simon,

    Ah. I was looking for something else – sorry.

    To avoid this you’ll need to manually remove the button padding with CSS – you’re only able to set a very reduced amount of padding via the widget itself at this time. I’m going to log this as a feature request also.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .so-widget-sow-button .ow-button-base > a {
	padding: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

    —

    Unrelated to the above but consider changing the height of your hero widget to 98vh. That way the hero widget will always be the full height of the browser (you may need to adjust it ever so slightly depending on final spacing). You’ll also need to hide the footer which can be done with the following CSS:

    .home .site-footer {
    display: none !important;
}

  4. Simon 9 years, 2 months ago

    Thanks Alex,

    With regards to the first item the buttons are now left aligned which is great, how do i increase the spacing between each button again, they are cramped up?

  5. Simon 9 years, 2 months ago

    Ah mate absolute guru I have been trying to work out how to remove the scroll bar and that line at the bottom wicked thanks so much – I got it done with 95vh

  6. Alex S Staff 9 years, 2 months ago

    Hi Simon,

    Happy to help mate. :)

    Please add the following CSS to WP Admin > Appearance . Custom CSS:

    .so-widget-sow-button {
	margin: 0 6px !important;
}
.so-widget-sow-button:first-of-type {
	margin-left: 0 !important;
}

    Adjust the 6px to your desired spacing. This CSS will also remove the 6px of spacing on the first button.

  7. Simon 9 years, 2 months ago

    Great all done here mate!

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