Skip to content

AWB4WP

Avada Website Builder Tips and Tricks

  • News and Updates
    • Articles
    • News ShortsQuick reads, feature requests, and bugs
    • Feature Requests and BugsRunning list of those I have submitted.
  • Avada Showcase
    • Avada Showcase Sites
    • Submit Site for the Avada Showcase
  • Resources
    • Code Snippets
    • Demos and Challenges
    • Elements
    • Layouts
    • Links
  • About
    • Send Me a Message
    • Colophon
    • Website AnalyticsI use Cabin – check out the public page
    • Privacy
    • Sitemap
  • BUY ME A COFFEE

Layouts

  • Home
  • Sections
    • Articles
    • Avada Showcase
    • Code Snippets
    • Demos and Challenges
    • Elements
    • Layouts
    • Links

Layouts

Last updated: March 17, 2023

LayoutsStephen Walker2023-03-17T13:47:38-04:00

Page Layouts

Mail Poet

basic design based on the mail poet page

two round white and gray plates on table with egg sandwiches

Restaurant

Based on a design released by the Blocksy theme. This one caught my eye with the overlapping images.

Change by Design by Tim Brown book beside smartphone

A Very Simple Layout

Just a very simple layout. Motion.page is used to animate a couple of images --- sliding in and out.

man standing in front view of lake surrounded with mountains

Planet Giving

I stumbled across the EarthShare website which uses Elementor. Easy to closely mirror the look and feel.

architectural photography of white concrete building

Fixed Right

A Facebook group member wanted to know how to add an image and keep it pinned to the right in all screen sizes. This is what I did (excluded mobile).

Overflowing Image

This is duplicating a layout created by Elementor where an image extends beyond the page width. It is not the full page.

gray curtain building during daytime

Creative Design Agency

A page design replicating a Blocksy+Quebly demo.

headshot of John Smith

CV Example

Based on a question posted on the Avada Facebook group about replicating a popular Wix template. In some ways better. In others, not so much.

element Layouts

Offset Images

This shows how to create an offset border affect on an image using just Avada settings --- no borders involved

brown wooden table and chairs

Services Section

Hover columns and basic text to recreate a basic service section.

Horizontal Icons

Aligning icons horizontally is easy with the flex settings. This is a very short tutorial to help.

man using phone taking photo of the house

Overlapping Containers

Creating a visual effect where content appears to overlap is very easy and can be done a couple of ways.

Man crouched next to a video camera, shooting in a dark space

Background Video

This challenge was from the Facebook group where a user wanted to know if it was possible to overlay text on a video.

A FlyingW Creation

Unless otherwise noted ©2019-2023 Stephen Walker. All Rights Reserved. Privacy Settings.

Avada and the Avada Website Builder are trade names owned by ThemeFusion.

This site is…

Powered by WordPress

Hosted by Pressable

Built with Avada Website Builder

Close Sliding Bar Area
[tribe_events_list]
Page load link

Here you can review and adjust your cooking settings. More about privacy.

This website uses cookies to ensure you get the best experience on our website, click 'allow all cookies' below to enable third-party embeds and tracking cookies. Some strictly necessary cookies are also set. More information about cookies can be found here. Settings ALLOW ALL COOKIES Reject All

ABOUT COOKIES

Third-party cookies are cookies that are set by other websites, not this one. This website may use embedded content from other websites, such as YouTube or Google maps. Your consent is required to view content from these websites embedded on this site.

THIRD PARTY EMBEDS

These are cookies that are required for the operation of our website, details of which can be found here.

TRACKING COOKIES

This sites does not use tracking cookies.
Go to Top