XF 1.x Button Width

Redh

Registered
Hello!

I am trying to create a button to serve as a link to join our Discord server that matches the rest in my style. However I am struggling to make it fill the width of the widget it is placed in.

The top part of this image is what I am getting - the bottom half is what I would like:

button_width.jpg


Here is the code I am using:

Code:
<p><a class="button primary" href="http://www.link-here.com">Join Server</a></p>

Any help would be appreciated - thanks!
 

Russ

Pixel Exit Staff
Without seeing it (can't see it logged out)...and assuming it's in the sidebar try:

Code:
.sidebar .secondaryContent .button.primary {
    display: inline-block;
}
 

Redh

Registered
Thanks @Russ!

That doesn't work, but if I change "display: inline-block;" to "width: 100%;" it works - is it bad practise to do this, or should I try and nail down why inline-block isn't working?
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.