Below is a photo of my websites current homepage, with some information redacted for privacy purposes.
As you can see, this is the ride theme with a slideshow on my homepage. For some reason, the buttons and subtext are somewhat transparent. I have searched through “edit code” and the slideshow.liquid but was unable to find anything relating to the opacity of the text/button.
How can I change this?
Hi dear,
Did you try to change the color because most likely text isn’t transparent, its color is gray. There might not even be a theme which changes text opacity but changing color to gray is common which might look to you like opacity is low.
It must be a transparency issue, because if you look at the “PRE-ORDER” button, I can see my background image through the button.
Ohh that I didn’t notice. Then the opacity option can be on 3 places. Of the slider itself, there can be an option to change the button type.
2: at colors section. There can an option to change opacity there
3: at typography section.
If it isn’t available at all of these places then you will have to send the url of your shopify store and if preview password is still enabled then that password as well, and I will check if I can help you changing it through code
I am unable to find a solution in any of these places. Kindly take a look here:
https://thermite-labs.myshopify.com
Pass: lowjew
Were you able to find anything on the site?
Yes I am able to but for that I will have to get access to your backend to implement the actual code.
Please add below css code in bottom of assets/base.css file
.banner__text span {
color: #fff;
opacity: 1;
}
.banner__buttons .button[aria-disabled=true]{
opacity: 1;
}
Thank you.
Hello Deish,
I have the same query as the author of this topic. I tried to follow what you have suggested, but it seems that has no effect.
Is there any other solution to get the buttons more bright and less opacity?
I´m trying to have the button with the same color as the header bar. They both are using the same color scheme, but are different colors.
Many thanks!
Anyone coming across this thread.
THE BUTTON IS DISABLED!
The button opacity is 0.5 if it is disabled (you have not linked it somewhere yet)
Thank you! Such an obvious-but-not answer
Wow! That was so annoying. I should have figured when the store Preview had the buttons ‘unclickable’
