Support Base
Contact Support
Back
Elementor

Editing Buttons & Links in Elementor

Step 0 of 3 completed
1
Select the Button

Click on the button you want to edit in the page canvas. The left panel will switch to the Button widget settings showing the Content, Style, and Advanced tabs. You’ll see the button text, link URL, alignment, and icon options.

Select the Button
Pro Tip
If clicking the button navigates you away, try right-clicking and selecting 'Edit Button' from the context menu instead.
2
Change the Button Text and Link

Under the Content tab:

Text — Type the new button label (e.g. ‘Book a Tour’, ‘Apply Now’, ‘Contact Us’).
Link — Enter the destination URL. Click the gear icon next to the URL field to set whether the link opens in a new tab or the same window. You can also link to a section on the same page by entering #section-id.
Icon — Optionally add an icon before or after the button text.

Change the Button Text and Link
Pro Tip
Use clear, action-oriented button text like 'Book a Tour' or 'Get in Touch' rather than generic text like 'Click Here'.
3
Adjust the Button Style

Click the Style tab to change how the button looks:

Text Color — Set the colour of the button text for both Normal and Hover states.
Background Color — Set the button’s background colour.
Typography — Change the font size, weight, and family.
Border Radius — Increase for rounder corners, or set to 0 for sharp edges.
Padding — Adjust the spacing inside the button around the text.

Click Update to save when finished.

Adjust the Button Style
Pro Tip
Switch between the Normal and Hover tabs to set different colours for when visitors hover over the button.
Warning
Be careful changing button colours — they should match your site's colour scheme. Check with InnerMedia if unsure.

Completed

If you are still experiencing issues, our support team is here to help.

Email Support 01707 875 721

Was this article helpful?