problem controlling button appearance

[latitude22n]

Hi – We have a subscribe button on the footer. It should look like the one on the Homepage. However, on the shop pages of woocommerce it changes it’s appearance? Why is that?

I’ve already got the custom CSS:

.button, button, input[type="submit"] {
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    font-weight: normal;
    height: auto;
    padding: 10px 10px;
    margin: 0 20px 20px 0;
    outline: medium none;
    text-decoration: none;
    text-shadow: none;
}

http://www.latitude22n.com (currently behind a coming soon page

[Kyle – SUPPORT]

So the same button changes it’s appearance depending on what page it is on?

– Kyle

[latitude22n]

yes – strange right? i’m just using the very basic mailchimp embed code for the footer there.

[Kyle – SUPPORT]

Hi

Please could you provide me with login details so that I can investigate the issue.

– Kyle

[latitude22n]

This reply has been marked as private.

[Kyle – SUPPORT]

It won’t let me log in, I get the white screen. This is likely caused by a plugin, please resolve the issue and let me know and I will look into the button issue for you.

– Kyle

[latitude22n]

This reply has been marked as private.

[Kyle – SUPPORT]

I know, I copied the password straight from your post. What I’m saying is something is causing the white screen, either a plugin or a function (if you are using a child theme) so when I log in it’s just a blank white screen. Please see: http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/ for troubleshooting

– Kyle

[latitude22n]

This reply has been marked as private.

[Kyle – SUPPORT]

It’s getting overwritten by woocommerce styles, add !important on the end of your properties.

– Kyle

[latitude22n]

thanks – that works.

[Kyle – SUPPORT]

Great! 🙂

[MHC]

I have the same problem. My subscribe button looks ok on home page, but changes its appearance on other pages.

Please see below the CSS I’m using:

#mc-embedded-subscribe{
width: 100%!important;
margin-top: 8px!important;
background-color: #695b24!important;
color:#ffffff!important;
line-height: 6px!important;
}

Thank you.

[MHC]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please remove your code and use this new one code:-

#mc-embedded-subscribe {
    background: none repeat scroll 0 0 #695b24 !important;
    border: medium none !important;
    box-shadow: none;
    color: #ffffff !important;
    line-height: 22px !important;
    margin-top: 8px !important;
    padding: 6px 10px;
    text-shadow: none !important;
    width: 100% !important;
}

Thanks 🙂
With Best Regards
Mohammad