Mountain Template With Elementor Theme Style

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.

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

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

    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.

    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.

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

    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, Astra 3.0+

    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

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

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