Button Font Size

evdokia1959 · January 2016

Read through previous threads and nothing is working,

Im using this short code for a button on a client's homepage -

[button title="Book Now" icon="" icon_position="center" link="" target="_blank" color="blue" font_color="white" large="2" class="button" ]

have added css to editor within this element and on main css file, but I cannot get the font to actually change size without the whole button changing size.

.button {font-size: 20px;}

Usin child theme, here is link to website - http://pinkbeachhotel.com/

Albert · January 2016

Hi,

the button has the button class already by default. So you can not set the second class with the same name. The name of your custom class must be different than button.

evdokia1959 · January 2016

Hi,

Thanks for the quick response, I did that and it still isnt working I also tried playing with the style and that isn't changing either with the ccs editor -

[button title="Book Now" icon="" icon_position="" link="" target="_blank" color="blue" font_color="#FFFFF" large="0" class="home" download="" onclick=""]

CSS in both editor and element

.home {font-size: 26px; font-style: italic;}

Albert · January 2016

It would work now but the css should look as below:

.button.home span { font-size: 26px !important; font-style: italic !important; }

evdokia1959 · January 2016

Awesome, thanks for the help!

Albert · January 2016

You are welcome!

Button Font Size

Comments