How to increase opacity for text and buttons on product pages?

How to increase opacity for text and buttons on product pages?

brettw037
Tourist
5 0 2

On my product pages, the text and buttons that I add to them all have low opacity and I don’t know how to fix it.

my store is novalabratory.com

not password protected 

Replies 4 (4)

made4Uo
Shopify Partner
3873 718 1214

Hi @brettw037 

 

Low opacity is a strategy to make a focus off to the said section. But if you need to make this text brighter, you can follow the instructions below

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

.product__description.rte > * {
    color: rgba(255, 255, 255);
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
brettw037
Tourist
5 0 2

this only fixed about half of the text some of it wont change

 

AliReviews
Shopify Partner
773 90 358

Hello @brettw037 ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css file -> add this following code at the bottom of page

.text {
  opacity: 1;
}

.button {
  background-color: rgba(0, 0, 0, 1);
}

Save changes 

 

Hope this can help.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
Encee
Tourist
6 0 0

Hey,

We had the same problem and the code you suggested worked right. So thank you for it. We have an added query to it. This code worked right on the desktop version but not the mobile version of our site.  So now, the opacity of the button on the desktop version can be adjusted but the opacity of the same is quite low, on the mobile version.
Would you kindly help us out with the same?

Regards,
Encee Enterprises.