Define size of buttons using css (small, medium, large)

Support
#1

Hi there, i see it is possible to define the size of buttons globally


But I want to quickly change the size of buttons in specific places.
I could use custom CSS but since you already have created a size option for buttons, what is the class to apply to do that?

<a class="button small" href="#small">small button</a> | <a class="button large" href="#large">large button</a>

Thanks

#2

Hi Mbzo,

Thank you for writing in, you can use these following classes to re-size your buttons.

x-btn-mini
x-btn-small
x-btn-regular
x-btn-large
x-btn-x-large
x-btn-jumbo

You can find the button classes using the Chrome browser Developer Toolbar

You can inspect the buttons from this demo page.

Hope it helps,
Cheers!

#3

Great, thanks!

#4

You’re welcome! :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.