No results found. Try again with different words?

Search must be at least 3 characters.

Mountain Template With Elementor Theme Style

Loved the Mountain template from our library of Starter Templates?

Mountain Template Homepage

This is a template built with the Elementor page builder. You might have imported this template and looking for how to proceed with editing it.

This template is designed with Elementor Theme Style. Let’s see what does that mean and how you can edit these settings.

What is Elementor Theme Style?

Elementor Theme Style provides global settings that allow you to control the entire site design from one place. These settings come with the Elementor page builder’s free version.

You can set default styling for Headings, Buttons, Form fields, Links, Text, Backgrounds, and more.

You can find these settings from page editor –

How Elementor Theme Style is Used with Mountain Template?

We have used the Elementor theme style kit and designed a starter template for Mountain.

For all Elementor pages in Mountain template – global styling is applied from Theme Style settings.

Once you complete the import process here is how you can edit Mountain site –

First, let’s understand how you can edit the header and footer of the site and then we will see how to edit pages.

Editing Header and Footer

Header of the Mountain template is designed with Astra customizer.

You can edit the header layout along with the logo , menu, button from the customizer. You can find settings under Dashboard > Appearance > Customize > Header.

Mountain Site Header

Footer is designed with plugin – Elementor – Header, Footer & Blocks Template

In dashboard you can find settings under Appearance > Header Footer & Blocks

Mountain Site Footer

Editing Elementor Pages

When you edit Elementor pages, you can find Theme Style under Global Style.

Style set from Theme Style options will be applied to all Elementor pages on website. Below are available options –

  • Background
  • Typography
  • Buttons
  • Form Fields
  • Images

Here is an example – When you change button color from theme style, it will be globally applied on site.

Button Color Theme Style

IMPORTANT: Priority of Style Options

In the Elementor page, a widget can have different properties set. Here is the priority –

1. Individual Widget: If the style is applied from a particular widget, its priority will be greater among all. For example, if a button has a blue background set from widget options then the blue color will appear.

Elementor Button Widget Color

2. Elementor Theme Style: If style is not set from individual widget, a global styling from Theme Style settings will be applied.

Theme Button Style in Elementor

3. Astra Customizer Style: If styling is not set from Elementor Theme Style, Astra theme will apply styling set in the customizer. For buttons – settings will be available under Global > Buttons.

Elementor and Astra Customizer Styling

You can edit all Elementor pages, update content, images, layouts as per your requirement.

For styling – you can look out for the priority of the settings as mentioned above and then edit the style. Most of the settings will be available with Elementor Theme Style.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form