Button Padding and Font size

kaliyas

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kaliyas

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kaliyas

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next