No video

Global styling in Elementor using CSS Sass and Microthemer.

  Рет қаралды 2,191

Lonely Viking

Lonely Viking

Күн бұрын

Have you ever wanted to control your Elementor widget and site styling on a global level?
Well you can! And I am super excited to show you how you can do it using an amazing tool called Microthemer and some Sass (or CSS).
[If you just want to see the Sass bit you can skip to 27:27]
Microthemer is one of my all-time favourite WordPress plugins. It saves me hours and hours of time and I love it.
Please share this video if you found it helpful or you think other people in your communities will. Thanks!
If you have any questions please post them in the comments below and I'll try my best to answer them. If you would like to see a more in-depth look at this stuff let me know and I'll try to create a video more focussed on Sass.
Supercharge Your Web Agency FB Group: / superchargewebagency
JOIN OUR FACEBOOK GROUP
The Creative Pros Community - social.lvl.ink/...
Get Microthemer - social.lvl.ink/... (You can try it free for a month)
Get Elementor Pro - social.lvl.ink/...
Get Page Builder Framework - social.lvl.ink/pbf
The links above are affiliate links 💰
Below are non-affiliate link if you prefer those 👍
Get Microthemer - themeover.com/
Get Elementor Pro - elementor.com/
Get Page Builder Framework - wp-pagebuilder...

Пікірлер: 14
@franktielemans6624
@franktielemans6624 4 жыл бұрын
Lol, now I understand why you wished you had the classname reference before making this video. That microthemer plugin looks cool, I'm curious about that grid option. I already use grid in Elementor atm, I make a grid container from the .elementor-row in a section and all columns become grid-items. I wonder how they did it in that plugin. Are the gridlines/numbers visible in microthemer or do we still have to inspect in Firefox/Chrome?
@LonelyViking
@LonelyViking 4 жыл бұрын
Hahaha. Ya, that reference doc you made is so great! The grid in Microthemer is pretty visual. You can select the parent container and then drag on the grid UI for how many rows/columns you want. You can see and edit the numbers, drag to change order etc. It's very nice.
@LonelyViking
@LonelyViking 4 жыл бұрын
It will be a while before I do a video on the grid I think. Here is a video made by the dev himself - kzfaq.info/get/bejne/hLKjbMWprrqqlqs.html
@Microthemer
@Microthemer 4 жыл бұрын
​@@LonelyViking Awesome video my friend! Thanks for explaining the how to handle global styles with Microthemer. I've just recommended this someone asking about exactly this. Regarding Frank's question about CSS grid, the grid lines are visible in Microthemer. There is a toggle for turning that on with the grid options. This feature was added after the grid options video was made (kzfaq.info/get/bejne/hLKjbMWprrqqlqs.html). Another thing that was subsequently added is an 'All' tab. This makes it easier to convert existing Elementor layouts to grid (by setting the width to 100% for all grid items, so they fully fill the grid tracks you define). This feature is shown in a video that covers the Oxygen integration, but applies equally to Elementor layouts: kzfaq.info/get/bejne/rbKHmNJmsta9gI0.html
@LonelyViking
@LonelyViking 4 жыл бұрын
@@Microthemer Thank you!! You guys have an incredible product! Now if only I could use it outside of WordPress 😄
@Microthemer
@Microthemer 4 жыл бұрын
@@LonelyViking Maybe one day :)
@fredoproduction
@fredoproduction 3 жыл бұрын
Hi! Thanks for a great video! Is it possible for you to share your SCSS template you demo in the video? / Regards Fredric
@LonelyViking
@LonelyViking 3 жыл бұрын
Hey Frederic, I'll see if I can find that. It's on a Sandbox site somewhere :)
@fredoproduction
@fredoproduction 3 жыл бұрын
@@LonelyViking Hi! Great! I didn´t see your answer until now :)
@LesDow
@LesDow 4 жыл бұрын
Nice one China. Are we allowed to say that these days?
@LonelyViking
@LonelyViking 4 жыл бұрын
Hahaha. Thanks, Les.
@abdulmaajied
@abdulmaajied 4 жыл бұрын
Dude, are you South African? I know that accent!
@LonelyViking
@LonelyViking 4 жыл бұрын
Hey, man! Yes, I am South African 🇿🇦😊
@abdulmaajied
@abdulmaajied 4 жыл бұрын
@@LonelyViking Awesome! Same here. Just subbed. I see you are in one of the WaaS groups on FB as well. Keen to connect!
Can It Be Made With Elementor? - Slack Homepage Hero Section
53:33
Lonely Viking
Рет қаралды 1,2 М.
How I Did The SELF BENDING Spoon 😱🥄 #shorts
00:19
Wian
Рет қаралды 36 МЛН
الذرة أنقذت حياتي🌽😱
00:27
Cool Tool SHORTS Arabic
Рет қаралды 11 МЛН
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Brawl Stars
Рет қаралды 16 МЛН
طردت النملة من المنزل😡 ماذا فعل؟🥲
00:25
Cool Tool SHORTS Arabic
Рет қаралды 10 МЛН
No, Flexbox isn't "good enough"
9:18
Kevin Powell
Рет қаралды 38 М.
Use these instead of vh
6:06
Kevin Powell
Рет қаралды 500 М.
AMA With Aviv Umflat - Global CSS Selectors
23:24
Elementor
Рет қаралды 2 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 237 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 131 М.
Can It Be Made With Elementor? - Netflix Homepage
1:01:10
Lonely Viking
Рет қаралды 10 М.
13 Things To Remove From Your Website Immediately
12:33
Orbit Media Studios
Рет қаралды 307 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 941 М.
How I Did The SELF BENDING Spoon 😱🥄 #shorts
00:19
Wian
Рет қаралды 36 МЛН