Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
@wpartridge
If it is helpful then like and accept my solution.
Thank You.
Hii, @wpartridge
Kindly share your store URL so,
I can solve it perfectly.
Thank You.
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
Paste this code on top of the theme.scss file.
.ImageHero__Block.ImageHero__Block--large {
background: transparent !important;
}
Thank You.
Thanks! Is there a way I can set the transparency amount (%)? I only want it to be slightly transparent not fully.
Many thanks
what is the theme.scss file and how do I access it?
@wpartridge
Paste this code on top of the theme.scss file.
.ImageHero__Block.ImageHero__Block--large {
opacity: 0.6 !important;
}
Thank You.
Fantastic - thanks!
This is an accepted solution.
@wpartridge
If it is helpful then like and accept my solution.
Thank You.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024