FROM CACHE - en_header

Change heading in "image with text overlay" without affecting rest of the page

Solved
Timertraces
Tourist
5 0 1

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: 

Screen Shot 2022-02-21 at 21.39.15.png

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

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
3467 625 882

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 7 (7)
JHKCreate
Shopify Partner
3467 625 882

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Timertraces
Tourist
5 0 1

Hi JHKCreate,

Sorry for the late reply. 
You helped me a lot, thank you for that. 
Will set it live tomorrow. 
Cheers,

Julius

Timertraces
Tourist
5 0 1

Is there any way to highlight the text like this?
Screen Shot 2022-02-25 at 21.42.50.png

JHKCreate
Shopify Partner
3467 625 882

Minus the green background?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Timertraces
Tourist
5 0 1

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!

JHKCreate
Shopify Partner
3467 625 882

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Timertraces
Tourist
5 0 1