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

[Timertraces]

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

[JHKCreate · 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!

[Timertraces]

Hi JHKCreate,

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

Julius

[Timertraces]

Is there any way to highlight the text like this?

[JHKCreate]

Minus the green background?

[Timertraces]

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]

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!

[Timertraces]

Ok thanks a lot.