Return to previous page

How to remove clickable behavior of Images in carousel and banner with mask elements

This topic has 4 replies, 3 voices, and was last updated 4 months ago ago by Luca Rossi

Merin

Participant

December 10, 2024 at 07:11

How to prevent images(which has no url to link) in a carousel slider or a banner with a mask element from being clickable? When hovering, the mouse pointer changes to a clickable state. How to remove it . I have remove only the mouse pointer from turning into the hand icon on hover but keep the hover effects, as it is .https://anandk60.sg-host.com/

Files is visible for topic creator and
support staff only.

#426998 Copied

3 Answers

Tony Rodriguez

Support staff

December 10, 2024 at 11:59

Hello, @Merin,

Thank you for contacting us and for using XStore.

We are pleased to inform you that your issue has been successfully resolved. We kindly request you to check your website after clearing your browser cache to ensure the changes are reflected.

To address the issue, we have added custom CSS code under the following path:
**XStore > Theme Options > Theme Custom CSS > Global CSS**

For your reference, please find the attached image illustrating the changes made.

We hope this resolves your concern. Should you have any further questions or require additional assistance, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Files is visible for topic creator and
support staff only.

#427077 Copied

Merin

Participant

December 12, 2024 at 07:48

How to prevent images(which has no url to link) in a carousel slider element from being clickable? When hovering, the mouse pointer changes to a clickable state. How to remove it . I have remove only the mouse pointer from turning into the hand icon on hover but keep the hover effects, as it is .https://anandk60.sg-host.com/

Files is visible for topic creator and
support staff only.

#427311 Copied
Luca Rossi

Support staff

December 12, 2024 at 09:10
Hi @Merin,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

body .mpc-carousel-slider .mpc-item { cursor: default; }

Kind regards,
The 8Theme Team
#427328 Copied
Viewing 4 results - 1 through 4 (of 4 total)