Return to previous page

Slider background - by Kirill Klassen - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

Kirill Klassen

Participant

July 6, 2019 at 09:52

Hello,

I’d like the background of a product slider on the main page to disappear in mobile, tablet and laptop views. Could you help me with that please?

Also, could you help me customize a button in the single product side banner? I added it with html to insert a delivery widget and I’d like it to be a dark style button from the theme.

#216677 Copied Theme version: 5.4

6 Answers
Rose Tyler

Support staff

July 6, 2019 at 10:10
Hello,

1) Add this code in Custom CSS for page:
```
@media only screen and (max-width: 992px) {
    .wpb_revslider_element .tp-bgimg.defaultimg {
        background-color: transparent !important;
    }
}
```
2)
```
.sidebar-widget .button {
    background-color: #3c8f0d;
    color: white;
    border: 1px solid #222222;
}
.sidebar-widget .button:hover {
    color: #000000;
    background-color: rgba(78,189,15,0.19);
}
```
Regards
#216680 Copied
Kirill Klassen

Participant

July 6, 2019 at 10:36

Thank you!

#216682 Copied

Kirill Klassen

Participant

July 6, 2019 at 10:48

Sorry, for the second question about the slider, I meant to apply this for a row in WP builder, because I set the background for the whole row where the slider is located. Could you please adjust CSS in your reply?

Thank you!

#216683 Copied

Rose Tyler

Support staff

July 6, 2019 at 13:14

Hello,

Please provide a screenshot, so I can find the described place on your site and inspect the code.
Use such screenshot maker as Lightshot https://prnt.sc/

Regards

#216686 Copied

Kirill Klassen

Participant

July 8, 2019 at 07:22

Sorry, I didn’t receive notification about your reply.

Please contact administrator
for this information.

#216730 Copied

Olga Barlow

Support staff

July 8, 2019 at 19:25

Hello,

I would recommend you to set background-position to center http://prntscr.com/oc96bm and then there is no need to hide it for the mobile devices. In other case it does not look ok for the large resolutions http://prntscr.com/oc95d4

Regards

#216758 Copied
Viewing 7 results - 1 through 7 (of 7 total)