Arrows in the carousel of products

This topic has 10 replies, 2 voices, and was last updated 2 years, 10 months ago by Aizaz Imtiaz Awan.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
June 11, 2021 at 8:37 am #299059

nir bachar
Participant

Hi
I want the arrows in the product carousel to always appear and not just in a mouse click, I tried to enter a code I saw in one of the other posts and still do not always see the arrows

This is the code:

body .owl-carousel .owl-nav > div {
opacity: 1;
}

Attachments:
You must be logged in to view attached files.

June 11, 2021 at 1:04 pm #299135
Aizaz Imtiaz Awan
Keymaster
Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
```
.wd-carousel-spacing-30 .owl-nav>div {
    visibility: visible;
}
```
Best Regards
June 11, 2021 at 4:02 pm #299258

nir bachar
Participant

It worked thank you very much!
But there is still a displacement effect of the arrows in mouse movement, what needs to be undone to keep them in place?

June 12, 2021 at 5:57 am #299331
Aizaz Imtiaz Awan
Keymaster
Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
```
.wd-btn-arrow {
    transform: none !important;
}
```
Regards.
Xtemos Studios.
June 28, 2021 at 9:50 am #303022

nir bachar
Participant

Hi
I want the arrows in the product carousel to always appear and not just in a mouse click top seller carousel, the code doesnt work

.wd-carousel-spacing-30 .owl-nav>div {
visibility: visible;
}

June 28, 2021 at 11:02 am #303044
Aizaz Imtiaz Awan
Keymaster
Hello,

You mentioned in your previous reply that it is working.

Please try and replace the previous Custom CSS with the following then clear cache and check back.
```
.wd-carousel-spacing-30 .owl-nav>div {
    visibility: visible !important;
}
```
Best Regards.
June 28, 2021 at 11:15 am #303053

nir bachar
Participant

i tried with !important
its not working

June 28, 2021 at 11:16 am #303054

nir bachar
Participant

is the class is: .wd-carousel-spacing-30 .owl-nav>div
?

June 28, 2021 at 12:32 pm #303089
Aizaz Imtiaz Awan
Keymaster
Hello,

Please replace the previous Custom CSS with the following then check back.
```
.wd-btn-arrow {
    visibility: visible !important;
    opacity: 1;
}
```
If it still doesn’t work then provide the admin panel login details of the website.

Best Regards.
June 28, 2021 at 12:34 pm #303091

nir bachar
Participant

its working
Thanks!

June 28, 2021 at 12:37 pm #303092

Aizaz Imtiaz Awan
Keymaster

Most Welcome!!!

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.
Author

Posts