Shopify themes, liquid, logos, and UX
Hi, I am looking to make the buttons on the home page have a transparent background. Any help would be appreciated. Thanks
Solved! Go to the solution
This is an accepted solution.
@bthorne1 you've currently placed it within the max-width tag - doing so, the changes will be applied only on mobile phones.
Applying the code that I've sent at the very end, after the brackets '}' would reflect the changes for both mobile and desktop.
try the opacity property in your theme css...
find the button selector, and specific
opacity: 0.5;
Hi @Luke_f, I don't see that specific section upon searching the code and scrolling through the button section. I see background, color and border color properties underneath most sections but nothing regarding opacity
Hi there,
You can achieve that through CSS, by adding the below snippet at the end of your theme.min.css file.
.template-index .btn {
background: transparent !important;
}
And to change the color too, you can make use of the below:
.template-index .btn {
background: transparent !important;
color:white !important
}
Cheers!
@GabrielS Thank you, is this the correct placement? I currently am not seeing any changes in this location.
This is an accepted solution.
@bthorne1 you've currently placed it within the max-width tag - doing so, the changes will be applied only on mobile phones.
Applying the code that I've sent at the very end, after the brackets '}' would reflect the changes for both mobile and desktop.
@GabrielS Thank you, I can see it shown now. The only thing is I have a button on the bottom of my home page for a featured collection that is on a white background. With this code applied it is not visible. Is there a way to apply this code to just the image with text overlay and collection list section?
Hello @GabrielS
Do you know how to do it now? The file that you mentioned doesn't exist anymore.
WEBSITE: www.diversusoficial.com
pass: diversusoficial
I want to make like the example
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024