Plugin classes overwriting theme’s

Hello Camiloluna,

I took a look at your form and it looks like the button styles are coming from your Child theme:
thegem-child

Is there anything specific you’re trying to do that I can help you with?

Thank you!
-Tracy

Hi Tracy, thanks for the answer.

As you can see in the image https://alunizarstudio.com/temp/Image%20069.png I would like the width of the button to be 180px and a query for max width 1200 to give it a width of 100%. I’m using the .esensal class for this, but the .yikes-easy-mc-form is overwriting it.

Really appreciate the help!

Hi, I see!

I’m sorry I misread your original question ??

In your Child theme you need to use the identical class as our plugin to override them.

That would be .yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button

You are using .esensal-btn but that is a class your theme uses on buttons it uses in the theme. Our button does not have that class assigned to it which is why your styles are not applying to it.

Let me know if that makes sense.

Thank you!
-Tracy

Hi, thanks for you answer. If I did it how you told me, there are some styles applied with the <style> element that can’t be overwritten by external CSS. To overcome this, I ended up using very specific selectors such as
button:hover.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1.btn.btn-primary
This are so specific that they can overwrite the styles defined in the html style element.
Thanks for your help anyway, it led me to this solution ??

Great, I am glad you were able to come up with a solution!

Have a good day!
-Tracy