How can I adjust the opacity of a transparent header?

Shopify Partner
27 0 4

I have a theme that I can working with that allows for transparent header. However it doesn't allow me to change the opacity of the transparency since I don't want it to be fully transparent, but rather 50% transparent. 

I can select a checkbox that says "white header" or "transparent header" and thats that. No way to customize the opacity. 

Can someone help?

Replies 5 (5)

Shopify Partner
15905 2378 3087

@niki92bgd ,

Share the store URL...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Shopify Partner
27 0 4
Shopify Partner
27 0 4

Its in development

Shopify Expert
723 146 153

Hello @niki92bgd,
Please share your store URL.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page

Shopify Partner
1638 58 452

Hi @niki92bgd 


If there is no such a setting in the theme, then you can set it in the CSS styles of the background-color files: rgba(255,255,255,.5). I hope it will help.


All the best,

Growave Team

To test Growave for free including reviews, wishlist, loyalty and rewards, referrals and much more under one dashboard, press Growave