How to remove the hover over

[wolfproductions]

Hi, so I am using the Create CTA action element from a design perspective, but I don’t actually want it to be clickable. I have removed the # from the link, so you can’t click it BUT the hover mouse icon is still showing. How do I remove this please? Thanks…

[prakash_s]

Hello @wolfproductions,

Thanks for writing to us.

I would suggest you please go to the Creative CTA element->Options->disable the Int. Content, and remove the icon; you need to disable the Graphic checkbox. Please have a look at the screenshot below.

Hope it helps
Thanks

[wolfproductions]

Thanks, I have done that but it’s still the same… thanks.

[prakash_s]

Hello @wolfproductions,

To help with your concerns, we need to check your settings. Please share your admin login details. In the meantime, I suggest you troubleshoot a few common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin-level username and password
• Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

[wolfproductions]

Have just replied with access, thanks again

[prakash_s]

Hello @wolfproductions,

I checked the settings; it’s working fine. Please have a look at the screen recording video in the secure note. In case you want to disable the click and mouse icon, you can use this element CSS code.

$el.x-anchor-button{
pointer-events: none;
cursor: default;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks

[wolfproductions]

@prakash_s

$el.x-anchor-button{
pointer-events: none;
cursor: default;
}

Perfect, thanks Prakash, sorted

[prakash_s]

You are most welcome, @wolfproductions

[wolfproductions]

Hi Prakash, just noticed that despite doing the same things on each CTA, some are working some are not, please see the top two and bottom two on this page for example emm…

https://goldencanopy-co-uk.stackstaging.com/

[prakash_s]

Hello @wolfproductions,

I checked the page CTA button. It seems that you have not disabled the Int. Content and you have not added the custom CSS code.

Please check the video and custom CSS code. If it doesn’t work, please share the exact button screenshot so we can check it.

Thanks

[wolfproductions]

Thanks Prakash, it’s not that one, is the section divider ones starting with this one:

Interestingly, this one and Under The Canopy are working fine:

[prakash_s]

Hello @wolfproductions,

It appears that the issue may be related to caching. As a quick fix, please follow these steps:

1. Go to the CTA Element → Customize → Class and add the class remove-hover .
2. Navigate to Custom Code → Page CSS and add the provided custom CSS code.
3. Once the CSS has been added to the page, you can remove the code from the Element CSS.
4. Add the classremove-hover to each CTA element where you want to remove the hover effect.
   .remove-hover {
   pointer-events: none !important;
   cursor: default !important;
   }

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks

[wolfproductions]

@prakash_s

.remove-hover {
pointer-events: none !important;
cursor: default !important;
}

That’s it… thanks Prakash

[prakash_s]

You are most welcome, @wolfproductions