Instead of having to edit CSS code, or struggle with different theme customizers, you can now customize your WordPress theme by changing different global style settings straight from the Elementor panel.
In this video, you’ll learn how to set default:
✓ Backgrounds
✓ Body text, Headings, and Links
✓ Form Fields
✓ Buttons
✓ Images
✓ And much more!
This is not just for theme styles, but for plugin styles as well. Set your Contact Form 7, WooCommerce, and other WordPress plugins.
Don’t forget to subscribe to our channel!
Read more about it: https://www.elementor.com/blog/introducing-theme-style/
Get Elementor: https://elementor.com/
Get Elementor Pro: https://elementor.com/pricing/
source
Cutups Method
Curious – did the name of this feature change, or is it only a PRO feature? I currently am not using PRO, and I have a "Theme Builder" menu, but no "Theme Style"
Geoff W
Anyone know if you can change the opacity of an image used as the Theme Style. The image section was jumped over in the video…..thanks
tilitila88
Hi, thanks for this tutorial…Question: Do I need to have ELEMENTOR PRO to be able to launch my website with WOO COMMERCE STORE? Thanks!
Dustin Miller - PolyInnovator
I've been having issues with this theme style. I disable defaults, and reenabled. Nothing seems to work. It caused my custom font to not work, and now it seems that even if I choose a font when editing the page it doesn't work anymore.
BKWine
I also very much hope that you soon will extend the functionality to be more complete. For example: In Theme Style for Images also include settings for Caption (including spacing), Link, Lightbox etc. As it is now it is a little half-bakes, but of course a great step forward.
BKWine
This seems to be a HUGE step forward that will greatly increase the value and usability of Elementor.
Imran Pollob
This is a long-awaited feature for me.
Charlotte Cayre
omg finally! this is epic!
dipanjan das
Please make a long video on how to edit Rehub theme for affiliate marketing. I need this.
Ken Maff
@elementor – topography line hight is not updating from the global theme style? any idears
Navpreet Singh
Hi, I need to know how can we move "Elementor Widget Panel" from left side to right side or just detach from that left side… As we having navigation tab. Please let me know.. Thank you so much
Mike Echo
I have the latest version of Elementor, but mine does NOT have the THEME STYLE option?
Lee Ashby
Great addition, well done.
Nick Page
these tutorials are gold. TIP for everyone.. instead of pausing and skipping back and forth when following a tutorial, slow the speed down in settings to about x0.75 of the speed and its easy to keep up with tutorials in real time! saves play / pausing all the time! 🙂
Rick Martin
A fantastic addition to such a great tool! — I have been testing this new feature out, and so far everything is silky smooth that I've tested, except one issue. I have noticed the border-radius on buttons doesn't seem to translate. No matter what I set the Theme Button radius at, new buttons and any default styled buttons' radius are not being affected, only the Theme Styling from colors and typography seems to work.
Алексей Гусев
HI, awesome service, but it doesn't change font size for headers in smarphone or tablet mode 🙁
Mario Barretta
Nice Work.
How can i set the focus on form without going in theme style ?
I like very much that effect but in the form widget there is not that option ( or i not found it )
Mohsin Alam
This is the seal of themes era! Love you Elementor team.
Vanfire Official
What will happen if I have a red background section which has a red button color in global? can I still change the button color independently?
24SevenMarketing
Excellent walkthrough of the new styling features. One thing you need to clarify is HOW you remove the global styling once you have setup options and published them. The only way I have found to do this is to change the save option to draft… but it is sooooo easy to accidentally click on publish again and poof the styling is back.
It would be HUGE if you had the option to enable or disable the styling options on an individual page … or to add the same conditions options like in the theme builder to specify which pages the styling should apply to. It would also be extremely useful to be able to name and save style sets and be able to import them into new websites so you don't have to go through setting it all for each site you design.
Additionally, you really need to give us the option to define more than one set of global settings for buttons. Your example where you had two different types of buttons on your sample page demonstrated why you need this. In many website designs we use different style buttons for different purposes. Having the ability to globally style only one of these button options globally makes it even more frustrating when you are repetitively editing the buttons for the other style buttons on the site as you add them to different pages.
You also need to expand the design options on heading settings too. ALL the options to style a heading with the widget should be available at a global level. Again it is frustrating to have to go through the web pages to add in design features that could not be set in the global settings.
Finally, you need to give us more control over section and column padding and spacing at a global level to make this a true global design system. Again, it would be important for us to be able to define various sets of design options for sections and columns. For example on your sample page you had one section with a different background. Using a different background for different sections to provide accent is an extremely common design technique. Having the option to set up several section and column settings would give a powerful additional global control over the look of the entire site that would not require going through and changing settings on a widget by widget basis everytime you want to update a site.
You have done a wonderful job with the introduction of global style settings. I hope soon we will see many of the features I've discussed here. With a few small changes, along with the theme builder in Elementor Pro, you are well on your way to totally eliminating the need for most designers to purchase a theme…. and creating a new business for designers creating Elementor themes.
MrFlashfives
is this available in the free version
Barzin Lotfabadi
Awesome videos as always! Looking forward to seeing Elementor become more and more polished, I'm really rooting for you guys!
Deb Bitage
how do you edit a style once made?
Justin Easthall
This is great thank you – but we have lost the ability to change links attributes locally on the Text widget!? In a lot of cases we need to still be able to change link settings on the widgets ESP the text widget! I sent a support ticket too – great work and really looking forward to the pro version hopefully with css classes etc!
MathewMitchellUSF
Overall this is working nicely. But … when I style LINKS the color/weight/etc settings override some of my widget specific settings. I see this most when using the Table of Contents widget. Is this a bug?
Ron Richardson
Not working… I disabled colors and fonts and nothing – no theme styler. Ver 2.9.2 & 2.8.4
Sybille C
will theme style be available to Elementor Free users or only to Pro users?
Dejan Grahovac
This is awesome Elementor! have been waiting for something like this 😀
Chus Suárez
Next: custom styles, like css classes that you can apply to particular elements (buttons, headings…) all across the site 🙂
Kev Brunt
I love site consistency for styling so this is invaluable to me for current and future projects…. thank you!!!
Tim Veach
Thanks for a job well done….!!
I assume the release is very soon?
Inspector-Tech
Brilliant! Thank You!!
Paolo Rodriguez
AWSESOME!!! THANKS
KillahManjaro
Pure sweetness.