Return to previous page

Costumize xstore product slider nav color

This topic has 10 replies, 4 voices, and was last updated 2 years, 5 months ago ago by Alessandro

Alessandro

Participant

July 4, 2022 at 15:54

Hello, in the homepage I’ve inserted a Xstore products slider (the last one at the bottom of the site under the Bundles image). Is it possible to display there too 6 products instead of 4? Also how can I add a white background to the navigation arrows that appears on the sides of the slider once you go over with the mouse?

I used this code but it doesn’t work

/* Costumize xstore product slider nav color */
.swiper-custom-right:not(.et-swiper-elementor-nav), .swiper-custom-left:not(.et-swiper-elementor-nav) {
background: white !important;
}

https://prnt.sc/SoHWICW4gbwk

Thanks in advance for the good support

Please, contact administrator
for this information.

#328636 Copied Theme version: 8.2.1

9 Answers

Olga Barlow

Support staff

July 4, 2022 at 19:27

Hello,

1) Use the Slider settings Of the Products element https://prnt.sc/vnTy99QScHuM

2) Do you want to change the bg color for all the arrows on the site or for the home page only?

Regards

#328654 Copied

Alessandro

Participant

July 4, 2022 at 23:57

Superb, I missed that there are other settings scrolling down with the mouse, all ok now perfcet thanks.
I’d like to have all the arrows in the products sliders only with white background, for example not in the breadcrumbs or in the menu items.

thanks

#328692 Copied

Awais Ahmed

Participant

July 5, 2022 at 05:40

Hello, @Alessandro,

I have tried to access your site Login page and the access is denied: https://postimg.cc/7fDnDhXQ

And I have checked your site as well and found that it already had set the background as transparent with Custom CSS as shown in this screenshot: https://postimg.cc/QKD1XYgW so you have to check under Theme Custom CSS and change the color as per your requirements.

OR provide me the access to your site, I am accessing the site from Pakistan.

Regards 8Themes Team.

#328706 Copied

Alessandro

Participant

July 5, 2022 at 14:13

Hello Ahmed,

I don’t unerstand because I’ve added a white background as said in previous comment, not transparent

/* Costumize xstore product slider nav color */
.swiper-custom-right:not(.et-swiper-elementor-nav), .swiper-custom-left:not(.et-swiper-elementor-nav) {
background: white !important;
}

I’ve whitelisted your ip so you should be able to login.

Thanks!

#328902 Copied

Alessandro

Participant

July 5, 2022 at 15:37

I’ve just see another style in the my account page

https://psytrance-pro.com/staging/shop-account/

https://postimg.cc/MM64kmZF

if possible to replicate the same I’d like it much more, thanks!

#328923 Copied

Olga Barlow

Support staff

July 5, 2022 at 18:16

Hello,

Go to Theme Options > Styles > set the Slider arrows color and bg color you need https://prnt.sc/5pvyueSPN9fR

Regards

#328943 Copied

Alessandro

Participant

July 6, 2022 at 13:07

Hello, great really thanks.. how can I get that kind of external glow displayed in teh previous screen?

https://postimg.cc/MM64kmZF

#329011 Copied
Rose Tyler

Support staff

July 6, 2022 at 13:45
Hello,

Use the next custom CSS code
```
.swiper-custom-left, .swiper-custom-right {
    -webkit-box-shadow: 0 13px 17px var(--et_dark-2-white-01);
    box-shadow: 0 13px 17pxvar(--et_dark-2-white-01);
}
```
https://www.cssmatic.com/box-shadow

Regards
#329016 Copied
Alessandro

Participant

July 6, 2022 at 18:11

Perfect as always, thanks also for the useful link!

best
Alessandro

#329048 Copied
Tagged: color, customize, navigation, product slider, woocommerce, wordpress, xstore
Viewing 10 results - 1 through 10 (of 10 total)