Wix Editor: Troubleshooting Buttons
Updated: 6 days ago
If you are experiencing issues with any buttons on your site, see our solutions below.
Troubleshooting Button Issues
Click the issue that you are having:
I click my button but it doesn't do anything, or direct me to the right destination
Check that the button link has been set up correctly:
Check to see if another element, such as a text box, has been placed slightly over the button. This prevents your button from working properly. Click here to learn how to view overlapping elements. You can either move or resize the element which is covering your button, or bring your button to the front.
Disable the freeze setting on your header and footer to see if it helps. Sometimes these can overlap with the content of your site.
The text or icon is not displayed on my button
The text and icon for your button are set in button's Settings panel, however, you can choose to show or hide the text or icon from the Design panel.
If the text or icon are not displayed on your button, but you would like them to be, do the following:
Click the Design icon
on the button.
Click the Text or Icon tab.
Enable the Show text or Show icon toggle to make them visible.
I want the new design options on my old buttons
We created new buttons that we believe are superior to the older buttons in every way. They are better for SEO, they are more accessible, and they offer a much richer variety of designs. However, in order to get all of this, we had to change them at a fundamental level, making the new and old buttons incompatible. Therefore, the new design options do not work with the old buttons.
If you are interested in the new capabilities, you need to manually replace the buttons on your site. You can use the Layers panel to find which buttons need replacing. Old buttons will have the text of the button as the name in the Layers panel, and the new buttons are simply called Button.
Delete the old buttons after locating them in the Layers panel, then add new buttons to your site. Learn more
I cannot curve the corners on my button with gradient borders
Due to the limitation of CSS and some browsers, you cannot curve the corners on a button with gradient borders. We're keeping our eyes open for a solution that allows this.
I'm not sure what the disabled state means
The disabled state is a feature of Velo by Wix. You can associate an action to the button that may not be available in certain circumstances, rendering it disabled.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments