How can I change the slider background color on my theme?

I need help with this. When I place a photo it is all dark. What I want is just the photo and not any kind of background I tried some codes. This is not shopifys own theme but I also asked the theme support about this

thank you

Hello @mrbeamer ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

Hi @mrbeamer

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Yeah sure here! The problem was only in mobile phones!

https://dunewaves.co

password: deuffe

Yeah sure here! The problem was only in mobile phones

https://dunewaves.co

password: deuffe

Hi @mrbeamer

Find the file base.css or global.css or theme.css (something like a global css file) and insert the following code:

.slider-content .wow.animated {
    background-color: black !important;
}

Also, as you said, your theme is not owned by Shopify, so it is difficult to know which CSS file affects the slider.

I hope that our suggestion will help you solve the issue.

Hey! I got it now. I pasted it in few .css files but I changed the code to:

.slider-content .wow.animated {
background-color: transparent !important;
}

Thank you!

Hi @mrbeamer

We’re happy to see that our suggestion is helpful to you. If possible, please give us a like to encourage our team. Thanks in advance.

1 Like