- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
How do I change the width of a button ?
How do I change the width of a button to make them all standard widths ?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
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!