Shopify themes, liquid, logos, and UX
Join us March 21 for an AMA on planning your 2023 marketing budget with 2H Media co-owners, Matt and Aron
Hi, can anybody guide me on how to remove image opacity on "image text overlay" in debut theme and how to move the text either to left or right? Would really appreciate anyone's help. Thanks in advance!
Hey there @JenaSunn,
Are you able to provide your store URL so I can provide the solution here?
Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.
Hi @UmairA, thanks for quick reply, it's: https://finamari.com/
Appreciate your help, thanks!
Hi @ZestardTech, it's: https://finamari.com/
Appreciate it if you could help me solve this, thanks so much!
Hi @ZestardTech, it's: https://finamari.com/
I hope you could help me already on how I can remove the opacity on "image text overlay" so I can have a vivid image like this photo below. Thanks so much!
Hello @JenaSunn
Not there opacity working is good!
Hi @ZestardTech, I'm sorry I didn't understand your reply.
This image is straight from photoshop, that's why it's vivid/clear.
And this is from my website using the "image text overlay" mode with opacity that I can't remove, I hope you will notice the difference.
Wish you could help, please. Thanks.
Maybe adding this css to the end of your theme.css file in the assets folder:
.hero__overlay::before {
opacity: 0;
}
Hi @Alan15, it worked! Just another problem though, the text is white and now it's unreadable, could you please help me on how I can change it to black or another color? Thanks so much.
Hi @JenaSunn
If you want the text in black, you can add these lines below the last code:
.hero .mega-title, .hero .mega-subtitle p{
color: black;
}
If you want to add a background behind the text, to make it stand out more, you could add a background color with an opacity ( here it's white with an opacity of 0.25 😞
.hero .mega-title, .hero .mega-subtitle p{
color: black;
background: rgba(255, 255, 255, 0.25);
}
That should work hopefully, play around with the colors and opacity until it suits.
User | RANK |
---|---|
178 | |
157 | |
90 | |
33 | |
29 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023