Instead of using a traditional image slider, like the Avada Slider, Slider Revolution or Layer Slider, as the above-the-fold hero section, this prebuilt site uses a Container with a Background Color. Added to the container are two 1/2 (50% width) Columns, each with a Background Image, two Title Elements, three Text Block Elements, and a Separator Element. Separating these is a 1/1 (100% width) Column with a Separator Element.
This section starts with a Container. In here you will see a single 2/3 (66.67% width) Column with an Image Element, a Text Block Element, a Separator Element, and a Text Block Element that is Hyperlinked to redirect to another page.
Some useful functionality to highlight:
– You can choose to show or hide a Container, column, or Element on small, medium, or large screens, and you can select more than one at a time. Each of the three sizes has a custom width setting on the Avada Builder Elements tab in the Global Options. Read more here
– You can set specific styling options independently for different screen sizes. Responsive styling allows you to control settings that correspond to three dimensions, Large (Desktop), Medium (Tablet), and Small (Phone). Read more here
– Flexbox is a CSS3 layout model that provides a more efficient way to design, align and distribute space for Columns inside of any Container. Read more here
Latest Products – CTA
A Call-to-action (CTA) is a marketing method designed to prompt an immediate response or encourage a direct sale from your website visitors. There is no hard and fast rule about how you should create them, other than being an attraction and conversion point on your website. Using the Avada Design Elements, you can make any CTA style that you feel will work for your online business.
For this example, the CTA section is made up of two 1/1 (100% width) Columns with a Title Element and the other with Postcards Element.
Collections – CTA
This section pretty straightforward and easy to replicate. It starts with a Container with Background Color. Structured as one 1/4 (24% width) Column and one 3/4 (75% width) Column, here you will find a Title Element, a Separator Element, and two Text Block Elements.
Departments – Postcard CTA
For this example, the section is built in a Container with two 1/1 (100% width) Columns, each with a Separator Element, and two 1/2 (50% width) Columns with the Left Column using a Title Element, three Text Block Elements, and a Separator Element. The Right Column has two Nested Columns Elements. Simply put, Nested Columns are Columns within Columns. The Nested Columns contains one 1/1 (100% width) Columns each, that has a Title Element, three Text Block Elements, and a Separator Element.
Blog – CTA
In this section, a container with two rows of columns, separating the information and structuring for easy editing. In the first row, there are two 1/4 (25% width) Columns and one 1/2 (50% width) Column, followed by one 1/1 (100% width) Column in the second row. Collectively, there is a Title Element, a Text Block Element, and a Postcards Element.
Browse by Category – CTA
For this section, a single 1/1 (100% width) Column with a Title Element and the Postcards Element is used to display the product categories.
Winter Collection – Visual CTA
Using images as a way to highlight a call-to-action or for advertizing and promotion reasons is standard practice, and the Avada Website Builder makes this task even easier for you. To create this section, a Container with a Background Image and one 2/5 (20% width) Column is used. Here will find a Title Element, a Text Block Element, an Image Element, and another Text Block element with Hyperlinked Text that acts as the button.
Depending on the marketing goal, CTA’s can drive a variety of different actions and results for your website visitors. Check this article for some CTA inspiration, 39 Call-to-Action Examples You Can’t Help But Click.
Spring Deals – CTA
In this section, you will find a Container with a Background Image and a Background Color. Structured with one 3/4 (75% width) Column using the Post Cards Element and one 1/4 (25% width) Column using a Title Element, a Text Block Element, two Separator Elements, and a Nested Columns Element.
Newsletter Subscription Form
Here we will see a Container with a single 1/1 (100% width) Column with a Background Image, holding a Title Element, a Text Block Element, and the Avada Forms Element.
The Avada Form Builder is used to design and build this subscription form. The Form Builder is very flexible and allows you to create many types of forms that you can use on your Avada website. For any form that you create, you can add them to a page or post as a single instance or you can set the form to display globally across the website, which then allows you to manage one form. If a form is showing on all pages, for example, and you edit the form, the same changes show across all form instances.
Latest for Woman – CTA
This section starts with a Container and two 1/1 (100% width) Columns with a Title Element and the Post Cards Element.
More Information – CTA
This section starts with a Container with a Background Image and Color, with three 1/3 (33.33% width) Columns. Each Column contains an Image Element and two Text Block Elements.