FREE LIVE WEBINAR – Level Up Your Elementor Skills: 10 Killer Tips & Tricks

Webinar: Level Up Your Elementor Skills

Whether you’ve only just started using Elementor, or you’ve been using it for a while, have you ever wondered….?

  • How other designers achieve the latest ‘wow’ layout and styling effects?
  • Am I making life harder for myself than it needs to be with Elementor and WordPress?
  • Am I missing key techniques that would improve the quality of my websites or speed up my workflow?
  • How do I take my web design work to the next level?

Well I’m pleased to say… I’m running a live 45 minute webinar training session, that will make it all clear.

I’ll be revealing (at least) 10 of my best tips and tricks, designed to help you level up your skills and start using Elementor like a boss!

Read more…FREE LIVE WEBINAR – Level Up Your Elementor Skills: 10 Killer Tips & Tricks

How to Design a WordPress Single Post Template with Elementor

How to design a single post template with Elementor

The default WordPress way of adding and displaying content is really easy.

You add a page or post. Fill in a few fields. Hit publish.

And when you view that page or post, WordPress uses your theme’s ‘single post template’ to display it on the front end.

There are loads of advantages to this typical approach:

  • It’s really easy to add content to the site. Just fill in some fields.
  • It’s easy to maintain, because the design of your posts is controlled in just 1 template.
  • It’s client proof—they can’t ruin your design.
  • It’s efficient and saves time.
  • It gives you—the designer—total control over design consistency.

Your theme does have styling controls for single posts and pages in the Customizer. For a lot of people, this is the only styling control they need.

But as a non-coder designer, you’re using Elementor because it gives you total custom drag-n-drop control of your designs.

Read more…How to Design a WordPress Single Post Template with Elementor

How to Control Responsive Column Layouts in Elementor—REVISITED

Responsive Column Layouts in Elementor

Controlling the column layout for different responsive screen sizes in Elementor used to be…. errrrm…. less than ideal.

You created your column layout for desktop; you were stuck with that for tablet; and then for mobile, it all dropped to a 1 column layout.

You could tweak the mobile view in an obscure hidden setting that a lot of people couldn’t find, but… still not great.

I even made a video about a month ago showing you a hack for controlling the column layout better on tablet. A plugin came out to handle it too.

Well I’m delighted to say that the latest version of Elementor has made all this soooo much easier and flexible and powerful.

Read more…How to Control Responsive Column Layouts in Elementor—REVISITED

How to Create Your Own Custom Header with Elementor

How to create your own custom header with Elementor

You might already know that Elementor is an amazing WordPress page builder.

It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!)

But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking:

“Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?”

Read more…How to Create Your Own Custom Header with Elementor

Elementor Pro Tip: How to Control the Column Layout In Tablet View

Elementor Pro Tip: How To Control The Column Layout in Tablet View

Generally speaking, Elementor’s responsive editing features are pretty good.

But a lot of people get stuck trying to fully control the column layout in the tablet view. The editor doesn’t really give you any control, at least not at the moment. If you want to control how many columns there are side-by-side on tablets, using the default controls…. you’re out of luck!

Read more…Elementor Pro Tip: How to Control the Column Layout In Tablet View

[PART 2] How to Create More Complex Nested Layouts

Part 2 - How to Make More Complex Nested Layouts - why is my method better?

I recently made a video called ‘How to Create More Complex Nested Layouts with Elementor‘.

I showed you a method first where I create a section with the ‘Add New Section’ button, and then dragged the columns widget in for further rows. I mentioned that I didn’t recommend this method because it can cause layout consistency issues. But… I didn’t elaborate on why!

Read more…[PART 2] How to Create More Complex Nested Layouts

How to Create a Totally Custom Website Footer with Elementor

How to make a custom footer with Elementor

Lots of people ask me how I made the custom designed footer on my website.

It’s actually not part of my theme. I switch off my theme’s footer completely and instead use the Elementor page builder to build my footer template.

I then replace my theme’s footer with the Elementor footer template instead.

It’s really easy to do, and it’s likely you can do it with your current theme.

Read more…How to Create a Totally Custom Website Footer with Elementor

Elementor Pro Tip: How to Create More Complex Nested Layouts

How to create more complex nested section layouts with Elementor

The Elementor page builder makes creating beautiful responsive layouts in WordPress drag-n-drop easy.

But a lot of people get stuck creating more complex layouts. This where you want multiple rows of different numbers of columns, but all within the same ‘section’.

It’s actually really easy when you know how… but there’s a trick to doing it properly.

Read more…Elementor Pro Tip: How to Create More Complex Nested Layouts

How to Easily Create Opt-In Landing Pages in WordPress: No Developer or Paid Subscription Service

How to create opt-in landing pages in WordPress

Landing pages are uniquely designed pages with the sole purpose of converting visitors. They’re used for things like lead generation, event registrations, email sign-ups and sales funnels.

As a designer, you’re more than capable of designing pages like these yourself.

But to build them and make them live quickly…

That either takes a web developer or a paid monthly subscription service. Right?

Read more…How to Easily Create Opt-In Landing Pages in WordPress: No Developer or Paid Subscription Service