FROM CACHE - en_header

'Image with text block' background - can I adjust transparency? (Prestige theme)

Solved
wpartridge
New Member
5 0 0

Hello,

I have an 'Image with text block' as my first element on my homepage. I would like to make the text block background slightly transparent so that the image can be seen behind it. Is there a way to do this? When selecting background colour it only gives option of solid colours, no choice to alter transparency.

Thanks

Will

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1530

This is an accepted solution.

@wpartridge 
If it is helpful then like and accept my solution.
Thank You.

View solution in original post

Replies 8 (8)
Zworthkey
Shopify Partner
5581 642 1530

Hii, @wpartridge 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

Kinjaldavra
Shopify Partner
2302 569 1409

hello  @wpartridge 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Zworthkey
Shopify Partner
5581 642 1530

@wpartridge 
Paste this code on top of the theme.scss file.

.ImageHero__Block.ImageHero__Block--large {
    background: transparent !important;
}

Thank You.

wpartridge
New Member
5 0 0

Thanks! Is there a way I can set the transparency amount (%)? I only want it to be slightly transparent not fully.

Many thanks 

Zworthkey
Shopify Partner
5581 642 1530

@wpartridge 
Paste this code on top of the theme.scss file.

.ImageHero__Block.ImageHero__Block--large {
    opacity: 0.6 !important;
}

Thank You.

wpartridge
New Member
5 0 0
Zworthkey
Shopify Partner
5581 642 1530

This is an accepted solution.

@wpartridge 
If it is helpful then like and accept my solution.
Thank You.