Theme Customization

So you’ve purchased Molti LMS Child Theme? You’ve made one of the best decisions in your life. So In this guide, we’ll see how you can customize the Molti LMS Child Theme to make sure the Molti LMS is your very own website.

How to Change Header and Footer

Change Header

Molti LMS Comes with 10 different and cool-looking Header Designs to choose from. So If you’d like to change to any of the other designs for your Main Header. First, go to Dashboard -> Pages and search for “Header Designs” and Edit with Divi Builder. Once you’re in the Divi Builder, copy the Header section you’d like to use and then come to Divi -> Theme Builder -> Edit Global Header and paste the Section here. That’s it.

Change Footer

Molti LMS Theme also provides you 10 awesome-looking Footer Designs to choose from. The process is pretty much the same as you’ll do to change the Header Design. Go to Dashboard -> Pages and search for “Footer Designs” and Edit with Divi Builder. Once you’re in the Divi Builder, copy the Footer section you’d like to use and then come to Divi -> Theme Builder -> Edit Global Footer and paste the Section here. Said you, It’s pretty much the same process!

Change Testimonial Images

Want to change those Testimonial Images on the Homepage of the Molti LMS Theme? Then this will help you with that. For that, please go to Appearance -> Theme Editor and then Select Molti LMS Theme and then select style.css file. And then scroll to line 330 and from there you’ll be able to change the Images easily. You’ll have to change the Image URLs on line 334 for the first Image and so on. As in this image.

Make Divi Header Sticky on Scroll

You can easily make your Molti LMS Header Sticky on Scroll. For that, go to Divi -> Theme Builder -> Edit Global Header, and open the Section/Row Settings that you want to make sticky on Scroll. In the Settings go to Advanced Tab -> Scroll Effects -> Sticky Position -> Stick to Top. Then Save the Changes and check your Header on Frontend.

Change Features Section Hover Icon Color

On the Homepage Feature Section, you see Icon Hover Effect and to change their color you can follow the screenshot below.

Services Card Hover Color

The Services Cards shown on the Services Page looks really cool with an awesome hover effect. But here's how to change the color of that card. Go to the Row settings -> Column Settings -> Advanced tab -> Custom CSS -> Before and here change the color code. This video will help:

If you want to customize the Advance Dropdown Content, go to Dashboard -> Divi -> Theme Builder -> Edit Global Header and here Enable the Layers View and look for the 3rd Section. You can expand the Layers View to edit the content of Dropdown.

Video Walkthrough:

Want to change the test in the "New" indicator in the Menu or change the Background color? For that go to Dashboard -> Appearance -> Theme Editor -> select Molti LMS -> Go to style.css and search for "new symbol" and you'll see the CSS for the New indicator. You can see the screenshot below to know how to customize things:

To add the New Indicator to any Menu Item you wish you need to add Class to the Menu Item.