View Categories

Header Button

Button

The Button element in the header builder helps you add a button in the Responsive theme’s header.

Go to Customize > Header > Button.

The Button options in the Responsive Theme offer a customizable call-to-action button in your site’s header. It can be used to encourage important actions you want your visitors to take, such as Sign Up, Contact, Book Now, or Buy Now.

You have complete control of the color, typography, and design of the button to ensure it matches your brand with the rest of the site.

Here are some of the settings that you will find in the button widget.

General Settings

General Settings

  • Label: Set the text that appears on the button. The current is “Button”.
  • URL: Add the URL to your button.
  • Open in New Tab: A toggle switch to make the link open in a new browser tab.
  • Set link to nofollow: A switch to add a nofollow attribute to the link, which tells search engines not to follow the link. It is currently off.
  • Set link attribute Sponsored: A toggle switch to add a sponsored attribute to the link, indicating a sponsored or paid relationship. It is currently off.
  • Set link to Download: A toggle switch to make the link a download link for a file.
  • Button Style: Set the button visual style to filled or outline.
  • Button Visibility: This option allows you to control who can see the button and who cannot.
Design settings

Design Settings

  • Button Size: Select a predefined size for the button. Or you even have the option to customize it.
  • Color: Select the text color you want for the button, and the section is for the hover color.
  • Background Color: Set the background color of the button.
  • Border Style: Select the type of border you want for your button.
  • Font: Access this for more detailed font and typography settings for the button label.
  • Margin: Set the margin around the button in pixels.
Design settings
  • Button Shadow: Control the properties of the button’s drop shadow.
  • Inset: Change the shadow to an inner shadow.
  • Button Shadow Color: Set the color of the button’s shadow.

Updated on September 5, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

🎉 Use code EXTRA20 to get 20% Off!

Claim 20% Off