How can I change my full width banner background? sahara theme

Topic summary

Main issue: In the Sahara theme, the full-width banner background appears grey; the requester wants it to be white. A site link and screenshot illustrate the problem.

Latest update: A contributor recommends adding a CSS rule via Edit code or the theme customizer’s Custom CSS to remove the overlay background image: .section-full-width-banner .media–overlay :after { background-image: unset; }.

Technical note: The CSS targets the overlay’s :after pseudo-element, unsetting its background-image so the white background can show instead of the grey overlay.

Status: No confirmation from the requester yet; the helper offered further assistance. The thread remains open.

Assets: Screenshots are central for visualizing the grey overlay and guidance on where to add the CSS.

Summarized with AI on December 13. AI used: gpt-5.

How can I change this colour to WHITE? It’s showing up grey colour see below.

please help store site is:

www.tranquilaswimwear.com

Hi @mayatranquila ,

You can add below CSS to file from edit code or custom CSS from theme customiser

.section-full-width-banner .media--overlay:after {
    background-image: unset;
}

Let me know if you need further more help.

1 Like