Digi Educorp

Menu
Elementor

Apply Global Styles to Elements

Table of contents

  • Elementor
Menu

Steps to apply global styles to Elementor widgets

Open Elementor Editor
  • Log in to your WordPress dashboard, navigate to the page or post you want to edit, and click on the "Edit with Elementor" button.
Select Element
  • Choose the element you want to apply the global styles to. This could be a section, column, or individual widget.
Style Tab
  • Once you've selected the element, you'll see a panel on the left-hand side of the screen with various tabs. Click on the "Style" tab.
  • The global style can only be applied to color and typography, and this can be set by clicking on the "globe 🌐 " icon next to color or text in style tab.
Apply Global Styles
  • Select the appropriate global style from the dropdown menu that appears after you click the "globe 🌐 " to enable the global style.
Preview and Save
  • Once you're satisfied with the changes, preview the page to see how it looks. If everything looks good, click the "Update" button to save your changes.

By following these steps, you can easily apply global styles set in the site settings to specific elements on your website using Elementor’s editor. This helps maintain consistency in design across your site while still allowing for customization on a per-element basis.