Golden Hearts – Home page 2

November 27, 2021 Golden Hearts

To set up Home Page 2, you have to install the required plugins including Elementor Website Builder and TemPlaza Elements.

Steps to Create the Home page 2 demo

Create a new page

Go to WP-admin > pages > Add new
Enter the page's title
Select a templaza style: Home page 2
Start to edit the page's content with Elementor

The Home Page was created with different Elementor widgets: Slider Revolutions, Heading, Image, UI Card, UI Text, Button, UI Lightbox, UI Post, Image Carousel

Slider Revolution

This section uses Slider Revolution

Add a new section with 1 column, drag & drop "Slider Revolution 6" element
Select a module from Slider Revolution Plugin
Insert this shortcode: [rev_slider alias="slider-home-version-1" slidertitle="Slider Home Version 1"][/rev_slider]

About Us section

This section includes a heading, image, UI Text and background image.

Create a new section with 2 columns, drag & drop those elements into each column

Background image

To edit the background image, please click to edit the column > tab "Style" > background image > Choose an image

Position: Bottom Center
Size: Cover

Our Mission Section

This section includes a heading, image, text editor, UI text, and background image.

Create a new section with 2 columns, drag & drop those elements in
Background image: edit the column > Style tab > edit background image

Our Causes section

This section includes UI Text for the title and UI Posts for Causes articles

For the title, please add a new section, then drag & drop UI Text element into it
Enter a title and content
Continue to add another new section, drag & drop UI Posts element into it
Choose a resource, category, and configure the number of columns on devices.

UI Lightbox

This section was built with Tempaza UI Lightbox element

Add a new section and drag&drop UI Lightbox to it
Insert a video's URL and choose an icon

UI Lightbox background image

Go to the tab Advanced > background > Change the background image

UI Card

This section includes a Templaza - heading and UI Card

Templaza - Heading:

Create a new section (1 column) and drag & drop Templaza - heading element into it
Enter a heading title, highlighted title and after highlighted title

UI Card:

Create another section right below the heading with 4 columns
Drag & drop UI Card element into 4 columns and enter a title for each card
Add their content and choose icons

Upcoming Events Section

This section includes UI Text, Button and upcoming events

UI Text & button:

Create a new section with 2 columns, drag & drop UI Text into the 1st column, the other with a button
Edit your text and button

Upcoming Events:

Create a new section right below the Upcoming Events title, and add the WP Upcoming Events widget to it.

This section will automatically derive upcoming events from Events sector

Configure the number of events to show, their order, and order by

Latest News Section

This section includes UI Text, Button, and UI Posts:

Create a new section with 2 columns, drag & drop UI Text into the 1st column, and the other with a button
Another new section below will be filled with UI Posts
Choose a resource, categories, ordering and configure the number of columns on devices

Image Carousel

This section will display logos of sponsors or partners.

Create a new section with 1 column, drag & drop Image Carousel element into it
Select logo images from your library
Configure image size, slide to show (the number of images per slide), slide to scroll ...

Preview Post