Button width

[cjarsmith]

Hi,
Can anyone tell me if it’s possible to set a width for all buttons?
I’m adding 3 buttons to my sidebar via widgets.
These types of buttons http://demoblvd.com/themes/alyeska/features/shortcodes/buttons/

But as each button is a different size, I understand that I can add some blank spaces in the content area to make the width bigger, but is it possible to set buttons to a set width or perhaps a minimum width? for example each button width is 290px.

Thanks
Craig

Topic

[Jason Bobich]

Hello Craig,

There’s no feature for making the buttons a certain width. They’re just set to display inline with whatever content you have. If you wanted a specific width applied, you’d need to do it through your own CSS customization.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the overriding edits either in your child theme or in the “Custom CSS” option on your theme options page.

For example —

.slider-wrapper .btn {
	min-width: 290px;
}

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[cjarsmith]

Thanks Jason,

.textwidget .btn {
min-width: 240px;
}

Worked perfect.

[Author]

Replies