Shopify themes, liquid, logos, and UX
Hi experts,
I would like to add a "highlight" (aka background color) to the text in the "image with text overlay" on our website.
The text is currently hard to read on the background image:
Is there a way to change add a "highlight" feature to this text without affecting the rest of the page?
The theme used is "Parallax 4.0.1"
Thanks a lot for your help.
Julius
Solved! Go to the solution
This is an accepted solution.
Hi @Timertraces
Please add the following code to the end of your styles.scss file:
#banner-1482978157864 > div > div.container.banner__text.text-align--center > div > h1 {
background: #80b670;
padding: 10px;
}
Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!
This is an accepted solution.
Hi @Timertraces
Please add the following code to the end of your styles.scss file:
#banner-1482978157864 > div > div.container.banner__text.text-align--center > div > h1 {
background: #80b670;
padding: 10px;
}
Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!
Hi JHKCreate,
Sorry for the late reply.
You helped me a lot, thank you for that.
Will set it live tomorrow.
Cheers,
Julius
Is there any way to highlight the text like this?
Minus the green background?
yes, just highlighting the text.
Best case, I could add that as a function in the editing/styling menu.
But adding as code is perfect as well.
Thank you!
For this to be done, some code needs to be modified from the structure of the HTML, it won't be doable by styling code alone unfortunately!
Ok thanks a lot.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024