How can i change the cursor design according to attached file.

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

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

Author

Posts
March 28, 2021 at 2:37 pm #276972

anitapaul8787
Participant

How can i change the cursor design according to attached file for mobile as well as desktop version. Attached file for your reference.

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

March 29, 2021 at 7:21 am #277105
Aizaz Imtiaz Awan
Keymaster
Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 20px;
    color: white;
    background: blue;
    padding: 15px;
}
```
Regards.
Xtemos Studios
March 29, 2021 at 8:06 am #277137

anitapaul8787
Participant

sir,i want as like top cursor not as like bottom cursor.Please find attached file.

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

March 29, 2021 at 11:03 am #277189
Aizaz Imtiaz Awan
Keymaster
Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
.woodmart-carousel-container .owl-carousel .owl-prev, .owl-carousel .owl-next {
    color: #0079ba;
background-color: transparent;
}
```
Best Regards
March 31, 2021 at 6:51 pm #277983

anitapaul8787
Participant

Sir,
Still not solved. Attached file for your reference. This change should be same for mobile version as well as desktop version. Because in the desktop arrow is not visible properly moreover both LHS and RHS arrow design is different. I want both(LHS & RHS ) arrow as like LHS.

March 31, 2021 at 6:53 pm #277984

anitapaul8787
Participant

Sir,
Still not solved. Attached file for your reference. This change should be same for mobile version as well as desktop version. Because in the desktop arrow is not visible properly moreover both LHS and RHS arrow design is different. I want both(LHS & RHS ) arrow as like LHS(for both mobile and desktop)

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

April 1, 2021 at 6:46 am #278118
Aizaz Imtiaz Awan
Keymaster
Hello,

I saw the screenshot you attached.

Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.
```
.woodmart-carousel-container .owl-carousel .owl-prev, .woodmart-carousel-container .owl-carousel .owl-next {
    color: #0079ba;
background-color: transparent;
}
```
Best Regards
April 2, 2021 at 8:13 am #278384

anitapaul8787
Participant

Hello,
For mobile it’s working perfectly, but in desktop version cursor is not visible. Attached file for your reference for both mobile and desktop.

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

April 2, 2021 at 10:13 am #278420

Aizaz Imtiaz Awan
Keymaster

Hello,

I have visited your website on desktop and the arrows are displaying fine. Please clear cache and check back.

Screenshot for Clarification: https://prnt.sc/1128uim

Regards.
Xtemos Studios

April 2, 2021 at 5:24 pm #278486

anitapaul8787
Participant

Hello,
Arrow is there,but if your screen is 100% then it is not visible.Please do check ” deal of the day”,”top picks for you” section.Attached file for your reference.

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

April 3, 2021 at 6:30 am #278560

Aizaz Imtiaz Awan
Keymaster

Hello,

I have visited your website and again and the arrows are displaying fine.

Screenshot for Clarification: https://prnt.sc/112wgzs

Please clear cache and check back.

Regards.
Xtemos Studios
Author

Posts