Elementor – Default Button Styles

Until Elementor comes up with global settings for various elements such as buttons and the like, this is relatively easy to implement to have all your Elementor buttons be styled in the same way.

The Simple CSS plugin is used to enter the CSS.

CSS for this tutorial below the video.

.elementor-button {
	background-color: darkblue;
    color: white;
}

.elementor-button:hover {
	background-color: white;
    color: blue;
}
CSS for Default Elementor Buttons

 

7 thoughts on “Elementor – Default Button Styles

  1. Good. You might mention to your viewers that you are using the Simple CSS plugin. Some might miss this.

    • Thank you Larry, good point. I will make mention of this in the video description and on the site. 🙂
      Cheers!
      Lyle

    • Hi Sol,
      In Elementor > Settings, have you disabled default colors? If not, you may have to add !important to color.
      color: white !important;
      Cheers!
      Lyle

Leave a Comment