Disable button


I want to create some small graphics (badges) but the only way I found it easier to control was by creating a button.
Now, I want to disable the button (no hover, no click).

How can I achieve that?


To achieve that, you can add this in your button’s Elements> CSS

$el {
    cursor: not-allowed;
    pointer-events: none;

Hope that helps

Sorry for the late reply.

It works.

Thank you

We are delighted to assist you with this.


Hi again,

Just a detail, once I add the code the button is not clickable but the problem is that I cannot select it on cornerstone, because is not clickable.
Is there any solution?

Hi @PanInternational,

Please view your page in Skeleton Mode for easier access on the elements.

We may know what is the issue if you just use the image element, instead of a button element?


Yes, the skeleton may help.
What do you mean using an image?
I want to have text over a color background, and I can place buttons side by side without adding extra columns.
If I add several images (as buttons) they will be displayed on top of each other.
The button seems to be the only element that gives me that control (to look like a small badge).

Thank you anyway.


Can you provide us your wordpress admin login in Secure Note so we can take a closer look.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.