Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: change background image opacity

change background image opacity

aabbcca
Tourist
4 0 2

Hi i changed my background image of whole main content by the following code:

 

 -------------------------------------------------------------------------------------------

#MainContent {
background: transparent !important;
}
body.gradient {
background: url("//cdn.shopify.com/s/files/1/0603/1192/8987/files/Sakura_4K_Pack_590.jpg?v=1660247229") repeat center center fixed !important;
background-size: cover !important;
}
.gradient {
background: transparent !important;
}

------------------------------------------------------------------------------------------

can anyone help me how to change opacity of image

 

Reply 1 (1)

KetanKumar
Shopify Partner
37583 3668 12151

@aabbcca 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing