Solved

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

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)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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

View solution in original post

Replies 9 (9)

Zworthkey
Shopify Partner
5581 642 1565

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

Kinjaldavra
Shopify Partner
2302 570 1422

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.

wpartridge
New Member
5 0 0

Thanks!

My store is:

https://headsandtails.shop/

Zworthkey
Shopify Partner
5581 642 1565

@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 

AllPetkind
Visitor
1 0 0

what is the theme.scss file and how do I access it?

 

Zworthkey
Shopify Partner
5581 642 1565

@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

Fantastic - thanks!

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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