Archived topic
Styling Individual Buttons in Footer
9 replies · Started by Mindy on July 30, 2020
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!
Hi there,
Can you do this first so I can take a closer look?
https://www.screencast.com/t/pFVbgPkIdH
Done, thank you!
I cleared my browser cache but still seeing WP Rocket in the source code.
Can you confirm?
Okay I just cleared the cache from WP Engine again. Maybe it will work now? Thanks!
Your CSS has media query set to it so it doesn't apply on mobile:
https://www.screencast.com/t/wXy6e0AO42K
Thank you, Leo! It seems I did something incorrectly for something else then, as that should not be the case lol.
Sounds like a previous media query is missing a closing }
Yes, exactly! Thank you again!
No problem :)
