Hero Image

Apr 29, 2020

Hero Image

1. Upload Hero Image to display Hero block on the front page. Recommended size: 1320px x 600px
2. Hero Text Align - left, center
3. Additional Text on the Hero image
4. Heading
5. Text Example:

space - Fully responsive, modern Moodle Theme.<br />
Go to ThemeForest to get this awesome theme!
<div class="row no-gutters mt-5 justify-content-start">
     <a href="https://themeforest.net/item/space-responsive-Moodle-premium-theme/24146338" class="my-2 mr-2 btn btn-cta btn-cta--primary">Get this theme!</a>
     <a href="https://themeforest.net/item/space-responsive-Moodle-premium-theme/24146338/support" class="my-2 mr-2 btn btn-cta btn-cta--secondary">Support</a>
    </div>
<br /><br />
<small>Photo by Joel Filipe on Unsplash</small>

---

Code snippets:

Buttons - middle of the site.

<div class="row no-gutters mt-5 justify-content-center">
     <a href="#" class="my-2 mr-2 btn btn-cta btn-cta--primary">Label 1</a>
     <a href="#" class="my-2 mr-2 btn btn-cta btn-cta--secondary">Label 2</a>
</div>

Buttons - align to the left

<div class="row no-gutters mt-5 justify-content-start">
     <a href="#" class="my-2 mr-2 btn btn-cta btn-cta--primary">Label 1</a>
     <a href="#" class="my-2 mr-2 btn btn-cta btn-cta--secondary">Label 2</a>
</div>

---

← Previous

General settings

Front page blocks customization

Next →

Hero Slider

Front Page Hero Slider