[Resolved] Styling Individual Buttons in Footer

[Mindy]

Hello, I am trying to create two differently styled buttons in the footer. The css works fine for desktop view, but it does not work for tablet / mobile viewing.

Here is what I have tried:

.amazonbutton {
        line-height: 10px;
 				margin-top: 10px;
				padding: 12px 25px;
				border-radius: 30px;
		font-size: 15px !important;
    }
	
	.footer-donate-button {
        background-color: #e01212 !important;
        color: #ffffff !important;
        line-height: 35px !important;
 				margin-top: 15px !important;
				padding: 15px 30px !important;
				border-radius: 30px !important;
    }

Thanks for any help!

[Leo]

Hi there,

Can you do this first so I can take a closer look?
https://www.screencast.com/t/pFVbgPkIdH

[Mindy]

Done, thank you!

[Leo]

I cleared my browser cache but still seeing WP Rocket in the source code.

Can you confirm?

[Mindy]

Okay I just cleared the cache from WP Engine again. Maybe it will work now? Thanks!

[Leo]

Your CSS has media query set to it so it doesn’t apply on mobile:
https://www.screencast.com/t/wXy6e0AO42K

[Mindy]

Thank you, Leo! It seems I did something incorrectly for something else then, as that should not be the case lol.

[Leo]

Sounds like a previous media query is missing a closing }

[Mindy]

Yes, exactly! Thank you again!

[Leo]

No problem 🙂

[Author]

Posts