Solved

fix code

tranquilweaves
Excursionist
52 0 2

hi can anyone fix this code?

 

rgba (255, 255, 255, 0/%20%) !important;

 

I cannot get it to work right it should be a white colour with 20% opacity, it worked once but then I deleted it and forgot how it went it was very similar to the above code, can anyone fix it?

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
655 202 217

This is an accepted solution.

Hi @tranquilweaves , Pls try with this code: 

border: .2rem solid rgba(255, 255, 255, .2) !important;

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 7 (7)

rajimulislamjoy
Shopify Partner
186 16 22

Hi, The correct syntax for setting a white color with 20% opacity in CSS .

This will give you the desired white color with 20% opacity.

 

rgba (255, 255, 255, 0.2) !important;

 

Thanks

Please don't forget to Like & Mark Solution to the post that helped you. Thanks!
If you'd like to support me, you can Buy Me a Coffee
Need a Shopify Designer or Dropshipping Expert ?
Hire us at WhatsApp! For Shopify Design | Shopify Customize | Dropshipping
tranquilweaves
Excursionist
52 0 2

Hi @rajimulislamjoy for some reason this does not work 

Made4uo-Ribe
Shopify Partner
6365 1527 1896

Hi @tranquilweaves 

Check this one. 

 

rgba(255, 255, 255, 0.2) !important;

 

rgba(255, 255, 255) - white 

0.2 rounded 20% opacity. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

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.
tranquilweaves
Excursionist
52 0 2

@Made4uo-Ribe this does not work, the one I used similar to what I wrote worked yesterday but I have now lost it

Made4uo-Ribe
Shopify Partner
6365 1527 1896

You have more choices. 

 

background: white;
opacity: .2;

 

or 

 

background-color: hsla(0, 0%, 100%, 0.2);

 

or 

 

background-color: #ffffff33;

 

If this wont work then there is some overide codes. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

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.

JuneN
Shopify Partner
58 2 23

Hi @tranquilweaves , 

In this notation, the RGBA values are used to define a color in CSS. The first three values (255, 255, 255) represent the intensity of the red, green, and blue channels respectively, ranging from 0 to 255. The fourth value (0.2) denotes the alpha channel, which controls transparency, varying from 0 (fully transparent) to 1 (fully opaque).

To clarify, ensure there is no percentage sign (%) after the alpha value, and remember to include a decimal point (.) before the opacity value (e.g., 0.2 for 20% opacity). This ensures proper rendering of the desired color with the specified transparency level.
The exact code is: 
rgba(255, 255, 255, 0.2) !important;

 

If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.

BSSCommerce-HDL
Shopify Expert
655 202 217

This is an accepted solution.

Hi @tranquilweaves , Pls try with this code: 

border: .2rem solid rgba(255, 255, 255, .2) !important;

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development