Hi -
Wondering if anyone can help me with the below questions:
1.) Trying to reduce the button size for my slideshow on mobile only. I think I’m close but for some reason using the below prompt in CSS and reducing the font size isn’t doing the trick. It’s working in inspector as the button size is inherited based on font size so I’m not 100% sure what I’m missing here.
}
@media (min-width: 768px) {
a.overlay-text__button.button.altcolour {
font-size: 10px !important;
}
}
2.) I need to shift the buttons around on the slideshow (down a bit). I believe I can adjust the padding but if anyone can tell me which padding to adjust that would be appreciated.
3.) For the buttons on the slideshow they’re using an alt version versus the primary buttons I have on my site. Is there any way to easily switch these?
Webiste: https://par6golfco.com
Thanks!
Hello @par6golfco
I would like to give you the recommendation to support you so kindly follow steps below:
For issue 1 + issue 2:
- Go to your Online store > Themes > Edit code
- Open your theme.liquid file
- Paste the below code before
For issue 3: Sorry I do not really catch your point, can you clarify a bit ?
Thank you and hope to hear from you.
Best regards,
GemPages Support Team
Thanks, Gem. I was able to get it to work but I had to alter the code slightly to get it to apply to mobile only. I appreciate the heads up on the style tags so I’m going to mark your answer as my solution. I used this:
<style>
@media (max-width: 767.98px) {
#section-id-template--15772325216423__16359276425da8ce46 .overlay-text__button {
font-size:10px !important;
}
#section-id-template--15772325216423__16359276425da8ce46 .overlay-text__button {
position: absolute;
top: 30%;
right: 14px;
}
}
</style>
For #3 if you look at my page when you hover over the slideshow call to action button it goes white w/ black text versus when you hover over other buttons on my page it keeps the black text but goes grey. I’d like to match the other buttons and have the hover only use the grey versus the white on the slideshow. Screenshots attached (hope it makes sense).
