Button Padding and Font size

kaliyas · September 2015

Greetings, I created a button using the following shortcode while using the taxi demo.

[button title="Join Now" icon="" icon_position="" link="" target="_blank" color="yellow" font_color="black" large="0" class="vamos" download="" onclick=""]

I am trying to change the padding and font size of the button, but I can't make it.

I already set up the class "vamos" for the button, and I have go to the muffin editor CSS section (Custom | CSS) and put my custom css:

a.button .button_label { font-size: 20px; padding: 50px 100px; };

.vamos { font-size: 20px; padding: 50px 100px; };

None of these css are working. It seems the system is overriding my changes. How to solve this?

Thanks

Albert · September 2015

Hi,

please send us url to page where you created this button and used above css so we can have a look and check what you did wrong exactly.

Thanks!

kaliyas · September 2015

Sorry, I forgot to mention that I am developing locally in MAMP and I don't know to give remote access.

Im using Betheme Child theme.

Bellow are some images of the code.

http://imgur.com/a/onShc

Thanks

Albert · September 2015

Sorry but unfortunately without url we have no idea what could be the reason. Let us know when site will be online.

kaliyas · September 2015

I solved the issue.

It seems I need to add my CSS in the child theme css file.

Why is this? Why my CSS is not getting read directly from the muffin editor of that page?

Thanks

Albert · September 2015

If you use Child Theme then all styles must be under style.css file. Child theme reads 2 files only: style.css and functions.php. More details about that you can read on https://codex.wordpress.org/Child_Themes

Button Padding and Font size

Comments