Home>Support>Left align text within a button

Left align text within a button

By Simon, 7 years ago. Last reply by Simon, 7 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 9 months ago Alex S
    Hi, I Work Here

    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. 7 years, 9 months ago Simon

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

    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. 7 years, 9 months ago Simon

    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. 7 years, 9 months ago Simon

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

    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. 7 years, 9 months ago Simon

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More