🥳
TemPlaza Framework
  • Templaza Framework
  • Guides
    • System Requirements
    • Plugin Requirements
    • Elementor – Configuration
  • Theme Activation & Demo Import
    • Theme Installation
    • Theme License Activation
    • Import Demo Content
      • Import multiple themes
  • Fundamentals
    • Smooth Scroll
    • Back To Top
    • Coming Soon
    • Preloader
    • Cursor Effect
    • 404 Error Page
    • Custom Code
    • Wide & Boxed Layout
  • Header
    • Header
    • Header Variations
    • Logo & Favicon
    • Header Icons
    • Contact Information
    • Header Presets
  • Menu
    • Menu Settings
    • Drop-Down Menu
    • Off-Canvas Menu
    • Sticky Menu
    • Mega Menu
  • Footer
    • Create a footer
    • Copyright Information
    • How to copy Footer from one layout to another
    • Footer For Multilingual Site
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Save Section
  • Theme Color
    • Theme Color
    • Global Colors
  • Social Profile
    • Social Profile
  • Typography
    • Menu Typography
    • H1-H6 Typography
    • Footer Typography
    • Body Typography
  • Blog Options
    • Blog Page
    • Blog Single
    • Blog Slider
    • Blog Related
  • Extended Options
    • Woocommerce Options
  • Themes
    • AutoShowroom
      • Installation
      • Inventory
        • Inventory Page Assignment
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Pricing & Currency Setting
      • Mega Menu
      • Header
        • Header's height
      • Footer
      • Sidebar Widgets
        • Add a new sidebar
      • FAQs
        • Background Image
        • Breadcrumb Image
      • Translation
    • Probike
      • Installation
        • Download the theme
        • Install the theme
        • Import the demo content
      • Home Page
      • Inventory
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Setting
      • Blog
        • Blog Columns
        • Blog Ajax Load
        • Blog Masonry
      • Shop
        • Woocommerce Product Options
      • Dealer Page
        • Top Dealers
        • Dealer Register
        • User Role
      • Custom Post Types
        • Services
        • Team
      • Sidebars & Widgets
        • Add a new sidebar
      • Breadcrumb Image
      • Translation
    • Amanus
      • Home
      • Yachts
        • Currency Settings
      • Events
      • Shop
      • Blog pages
      • Footer
      • Background Image
    • Baressco
      • Get Started
        • Installation
        • Theme Activation
      • Home 1
      • Inventory
    • Golden Hearts
      • Installation
      • Home Page
      • Blog pages
      • Cause Settings
        • Causes List
        • Cause Grid
      • Events
        • Event Venues
        • Event Organizers
      • Edit Footer
      • Edit Breadcrumb Image
    • Plazart
      • Demo Import
      • Home 1
      • Online Shop
      • Inventory
        • Inventory Assignment
      • Blog Columns
      • Team Member
      • Header
        • Header Layout
      • Section Background Image
      • Translation
    • Koer
      • Inventory Page
        • Inventory Assignment
        • Inventory Filter Widget
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Settings
      • Shop Page
      • Header
        • Default & Sticky Logo
        • Header Layout
      • Footer
        • Copyright
      • Mega Menu
      • FAQs
    • Agruco
      • Installation
        • Theme License Activation
      • Inventory
        • Inventory Sidebar Filter
        • Change Inventory Permalink
        • Currency Settings
      • Sidebars & Widgets
        • Add a new sidebar
        • Header Widget
        • Shop Sidebar
        • Inventory Sidebar
        • How to add the widget to a sidebar
      • Footer
        • Copyright
      • Woocommerce Options
    • AutoBike
      • Get Started
        • Download the theme
        • Install the theme
        • Import demo content
      • Home Page
        • Create a new page
        • Home page 1
      • Inventory
        • Inventory Page Assignment
        • Advanced Product Options
        • Pricing & Currency Setting
        • Inventory Filter
        • Change Inventory Permalink
      • Sidebar & Widgets
        • Add a new sidebar
        • How to add the widget to a sidebar
      • Blog
      • Elementor
      • WooCommerce
        • Install WooCommerce
        • Adding WooCommerce Pages
        • Setting Up WooCommerce
        • Adding Product
      • Translation
        • Footer Translation
    • Today News
      • Boxed Layout
      • Blog Pages
      • Blog Single
      • Background Image
      • Off-Canvas Sidebar
    • Alita
      • Alita – Installation
      • Alita – Theme Activation
      • Alita – Import Demo Data
      • Alita – Home Page
      • Alita – About
      • Alita – Services
      • Alita – Our Work
      • Alita – Pricing
      • Alita – Contact
    • Travelami
      • Get Started
        • How To Download And Install Theme?
        • How to activate the product license
        • Import Travelami demo content
      • Set Up Tours
        • About Tour Management
          • How to add a new tour
          • Tour Types
          • Tour destination
          • Tour Category
          • Tour Language
          • Tour Custom Field Group
          • Tour Custom Field
        • Tour Inquiry Form
          • Online Tour Booking With Payment
        • Sidebar Tour Filter
      • Blog
        • Blog Image Left/Right
        • Blog Grid
        • Blog Columns
      • Theme's Header
        • Theme Logo
        • Sticky Logo
        • Header Icons
        • Header Assignment
      • Theme's Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the tour's custom field order
        • How to change a breadcrumb image
        • How to hide or remove the tour rating
        • Remove the breadcrumb heading
        • Set up Instagram Image Feed
    • Kamper
      • Get Started
        • Download And Install Theme
        • How to activate the product license
        • Import Kamper's Demo content
      • Accommodation
        • Product Management
          • Add A New Product
          • Product Branch
          • Product Service
          • Product's Field Groups
          • Product's Custom Fields
        • Booking Settings
          • Online Booking With Payment
        • How to reorder accommodation's tabs
      • Kamper Header
        • Default & Mobile Logo
        • Sticky Header
        • Header Icons
      • Kamper Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to edit a section's background image
        • How to display a field in a listing page
        • How to display a price range in the filter
        • How to change the cursor effect
    • Vonux
      • Inventory
        • Inventory Assignment
        • Sidebar Inventory widget
        • FAQs
      • Header
        • Transparent header
      • Footer
        • How to change the footer's text color
      • Translation
      • FAQs
        • Section Background Image
        • Background image of breadcrumb section
  • Advanced Products Plugin
    • Product Branch
    • Product Category
    • Custom Field Groups
    • Custom Fields
    • Custom Categories
    • Plugin Translation
    • General Settings
  • Extras
    • How to submit a support ticket
Powered by GitBook
On this page
  • Configure Elementor widgets
  • 1. Home Slider
  • 2. Social icons on the slide
  • 3. UI Image
  • 4. Change the column's background image
  • 5. Change the section's background image
  • 6. Donate button on the header
  1. Themes
  2. Golden Hearts

Home Page

PreviousInstallationNextBlog pages

Last updated 2 years ago

The Main Home page on the demo site was built with: Slider Revolutions, Heading, UI Card, Counter, UI Text, Button, UI Lightbox, UI Post.

  • Go to wp-admin -> Pages -> Add New Page -> Edit with Elementor -> Publish

  • Select TemPlaza style: Home page

Configure Elementor widgets

1. Home Slider

Edit the slider, you can select the slide module, and add the shortcode below: [rev_slider alias="slider-home-version-1" slidertitle="Slider Home Version 1"][/rev_slider]

2. Social icons on the slide

Clicking on the social icons, you can edit the social icons info, shape, coumn and alignment.

To change the icons' color, go to the Style tab > you can choose the official color or edit the custom color.

3. UI Image

Editing the UI Image, you can change the image size

Down below in the Image Settings, you can choose the image's border type and border width.

You should open the Advanced tab > Responsive > Configure the responsive visibility on different devices.

4. Change the column's background image

To change the background image of a column, you should click to edit the column > Style tab > change the background image.

You can go to the Background Overlay > adjuts the overlay color

5. Change the section's background image

About the backround image of a whole section, you should open the section's options > Style tab > change the background image.

6. Donate button on the header

Choose a slider for the home page
Edit the column's overlay color