All things Shopify and commerce
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?
Solved! Go to the solution
This is an accepted solution.
Hi @tranquilweaves , Pls try with this code:
border: .2rem solid rgba(255, 255, 255, .2) !important;
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
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.
Thanks
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!
@Made4uo-Ribe this does not work, the one I used similar to what I wrote worked yesterday but I have now lost it
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!
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;
This is an accepted solution.
Hi @tranquilweaves , Pls try with this code:
border: .2rem solid rgba(255, 255, 255, .2) !important;
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025