How do I change the width of a button ?

How do I change the width of a button to make them all standard widths ?

3,098 Views
Message 1 of 5
Report
4 REPLIES 4
Square

Hi @KarenLouise Can you please clarify what you mean by standard width? Can you post a link to your page with the buttons you are wanting to edit? Thanks! 

3,089 Views
Message 5 of 5
Report

Thanks

http://www.regionalchangeagency.com.au/publications.html

I am wanting them to be all the same, equal, not just the width of the text.

3,086 Views
Message 5 of 5
Report
Square

That would probably take some CSS overrides to force them to all be the same width, since by default they just adapt to the amount of text in them. Are you familiar with CSS at all, @KarenLouise?

3,077 Views
Message 5 of 5
Report

Go to the Theme tab, at the bottom left, hit the Edit HTML button. In that page, scroll down to line 1801 (or search for .wsite-button-inner,) and add the following 2 lines to that section

width: 1000px;

text-align: center;

Your results will look like the following 


.wsite-button-inner,
.blog-button span {
display: block !important;
height: auto !important;
padding: 0 !important;
background-image: none !important;
font-size: inherit;
font-weight: 900;
line-height: 1 !important;
white-space: normal;
width: 90px;

text-align: center;
}

This probably will only work with a standard button, on a standard page. I know this is late but I hope this helps some people! Smiley Happy

2,817 Views
Message 6 of 5
Report