Home>Support>Trying to adjust the size of SiteOrigin Button

Trying to adjust the size of SiteOrigin Button

By Hieu Nguyen, 8 years ago. Last reply by Alex S, 8 years ago.

Hello there. I have several buttons in the same page and apparently, the size of each button is determined by the amount of text inside it. Is there anyway I can have a fixed size for all the buttons without changing the text?

Thank you very much.

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 Hieu,

    This feature is unfortunately not in the current version but it’s definitely something we’re looking at introducing in the future. In the meantime, I’m able to provide you with CSS that will allow you to do what you’re after. This CSS is unique to you so I’ll need to see your website if possible.

    Do you have a public URL where we can take a look at your buttons? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 4 months ago Private Message - Hieu Nguyen

    This is a private message.

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

    Hi Hieu,

    I’ve added the enforce_width-button CSS class to each row that had a button (minus the botton row) by opening the row by clicking the wrench to the top right of it. Then I went over to the row styles sidebar and opened the attributes settings group. I then input the class into the Row Class field.

    I then navigated to AppearanceCustom CSS (or in your case – Jetpack Custom CSS, WP AdminAppearanceEdit CSS) and added the following CSS:

    .enforce_width-button .ow-button-hover{
	width: 155px;
}

    If you would like to enforce a height (not recommended), simply add it to the above selector.

    You might also need to install the SiteOrigin CSS Editor.

  4. 8 years, 4 months ago Hieu Nguyen

    Thank you very much Alex. It worked wonders. One question though. Next time if I want to adjust the button’s size, will I just need to add a CSS class to the all the buttons and then put that piece of code with preferred px figure in the CSS editor? Thanks in advance Alex. You’re a star.

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

    Hi Hieu,

    Happy to help.

    If you wish to use a different button length, yes. If you wish to use the same, you’ll need to only apply .enforce_width-button to the row.

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