The Button Component - Neve Header / Footer Builder
📝Note: This component is part of the Neve Header / Footer Builder.
The Button component is very useful to ensure navigation into the website's pages, for sections like "Read More" or many others.
🧰Using the Component
- 1
- Start by adding the component into the rows, by clicking on the ➕ button and selecting the component.
- 2
- Open the component's settings to customize it, by clicking on the ⚙️icon.
📝 Note: This component has three available instances: Button, Button 1, and Button 2.
🔮Customizing the Component
There are three panels with customizing options for this component, which allow you to create the desired header / footer:
| General |
Layout |
Style |
⚙️General Panel
When you click on the ⚙️ icon, the General tab will appear on the left side. From there you can add any widget from the library, by clicking on the ➕ button.
- Text - choose a suitable text to appear on the button label.
- Link - insert the link of the page that the button must open.
- it can be an URL, mailto action (for e.g mailto:someone@yoursite.com), or tel button (for e.g tel:123-456-7890).
The three dots triangle you can see at the end of the rows is for the Dynamic Tags:
For both the Text and Link options, you have the option of entering your own custom text or using dynamic tags.
📐Layout Panel
In the Layout tab, you have access to advanced positioning options like:
- Padding and Margin - available in PX, EM, REM, and %, with a link button that helps establish the same dimension for all the directions ( Desktop | Tablet | Mobile ).
🖌 Style Panel
In the style tab you can choose between two styles for the button:
- Filled - with color options for normal and hover mode, and also with border radius adjustments.
- Outline - with color options for normal and hover mode, and also with border radius and border width adjustments.
c