Adding Phlox Header Button
Please note
This article is outdated. Some options are changed and the screenshots may be different if you are using the latest version of the Phlox theme. It will be updated soon. In the meantime, if you need anything related to this topic, please feel free to contact our support.
Recommended Article:
You can add up to two buttons to Phlox header. Header Button is available in different sizes and various styles. Also, you can add an icon to your button or even link the button to anywhere you want.
To find the related options, follow below steps:
- Go to your WordPress Admin Panel
- Click Appearance on the Dashboard
- Then click Customize
- Navigate Header > Header Button 1, 2
Header Button Options
Display Header Button 1
Here you can enable this option to display a button in the header. If you want to add two buttons, go back and select Header Button 2.
Button Label
Choose a name for your button on this section.
Button Size
Each button can have different sizes: Ex-large, Large, Medium, Small, Tiny
Button Shape
The shape of the button can be changed to Box, Round, Curve
Button Style
Buttons can appear in three styles: Normal, 3D, Outline
Icon for Button
There are almost a thousand available icons to use on the button.Icon Alignment
You are able to align the button icon to:| Icon Alignment | Icon Alignment Preview |
|---|---|
| Left | |
| Right | |
| Over | |
| Animate from Left | |
| Animate from Right | |
Color of Button
This option specifies the color of the button. To see all available colors for Phlox button, check out [step_link id="36954" text="this page"].
Color of Button on Sticky
On sticky header mode, the button's color can be different to its original color.
Link
If you want to link your button to another page, you can write the URL in this field.
Open Link in
You can either open the link in the current page or in the new page.
To see the buttons demos, check out this link.