Style Editor Docs
     
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
    27. November 2020

    How to create a custom Under Construction page

    A simple way to create a custom Under Construction page in Matrix Themes

    Before you start

    This tutorial is based on Lemberg Theme with hero section and  it can be also used in following templates:

    • Alsten
    • Hafen
    • Bergen
    • Altona
    • Enkel
    • Tjorn
    • Oland

    01. Prepare a navigation structure

    In Admin mode create a new page called "under Construction" and make it visible as homepage. All other pages should be hidden

    bg-grey mid-round add-20 has-shadow wow animated fadeInUp

    02. Add a custom style to Edit Head

    Copy the below code and paste it inside the section "Edit Head" ( Settings> Edit Head )

    bg-grey mid-round add-20 has-shadow wow animated fadeInUp

    <style> /* <![CDATA[ */ /*** under construction page ***/ .cc-indexpage .hs-top-header,.cc-indexpage .top-nav,.cc-indexpage .hs-header,.cc-indexpage .hs-content,.cc-indexpage .hs-footer,.cc-indexpage .footer-btm { display:none; } .matrix.cc-indexpage .hs-top-header,.matrix.cc-indexpage .top-nav,.matrix.cc-indexpage .hs-header,.matrix.cc-indexpage .hs-content,.matrix.cc-indexpage .hs-footer,.matrix.cc-indexpage .footer-btm { display:block; } .cc-indexpage #cc-inner .matrix-hero, .cc-indexpage #cc-inner .jqbga-container{ max-height: 100vh!important; min-height:100vh!important; height:100vh!important; display:block!important; } .cc-indexpage .jtpl-background-area { position:fixed; } .cc-indexpage .button_container.only-mobile,.cc-indexpage #downbutton{ display:none!important; } /*** end under construction page ***/ /*]]>*/ </style>

    03. Edit the image and text

    In admin mode, you can customize the hero image ( design> background ) and the text using the widget "hero title".

    The alternative way is using  a new Matrix Themes feature "Draggable hero" ( just in case you needed to add a contact form or any other Jimdo module).

    bg-grey mid-round add-20 has-shadow wow animated fadeInUp
    tagPlaceholderTags:

    SUPPORT

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates

    QUICK LINKS

    • Advanced Style Editor
    • Features
    • Pricing
    • Pre Purchase Questions
    • Marketplace
    • Zødiac Framework
    • Jimdo Creator

    WIDGETS

    • Instagram feed
    • Team Showcase
    • Animations
    • Parallax widget
    • Full width widgets
    • Countdown Timer
    • All Widgets

    GET INSPIRED

    • Showcase
    • Custom widgets
    • Enterprise Package
    • No coding features
    • Matrix variables
    • Dolphin Block Elements
    hide-in-doc-page

    Showcase
    draggable-logo

     

    Main colors
       bg-primary
       bg-primary-light
       bg-primary-dark
       bg-secondary
       bg-secondary-dark
    Template sections
       body
       top-header
       header
       content
    Footer Styles
       background
       text color
       link color
       horizontal line
    Buttons
       style 1
       style 2
       style 3
    Other elements
      social icons
      navigation color
      subnav background
    Mobile navigation
       background color
       navigation color
    Template configurations
    has-center-nav g-font
    navigation styles
    size-15 weight-400 snip-nav is-uppercase --line01
    content styles
    form-white
    footer styles
    o-form  color-white
    Typography
    Heading H1
    weight-600 is-uppercase
    Heading H2
    weight-600 is-uppercase
    Heading H3
    weight-600 is-uppercase
    Buttons
    weight-600 is-uppercase
    Animations
    none

    Note:
    All changes made here will be applied to your entire website.
    is-switcher admin-only

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2022 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close