Notes and Tags
0 / 2
0 / 1
Emails for automations
0 / 1
Receipts and Tasks
0 / 2
Pipelines and Deals
0 / 2

How to Customize Your Website Theme

Updated on 19 Apr 2024

You want your website to stand out and be unique to your brand, right? ( do!) Well, with Simplero, you can make that happen by customizing your site theme.

Here's how to Edit and Customize the Theme: 

  1. Select Marketing from your Simplero Dashboard.

  2. Choose Main website from the dropdown menu.

  3. Select the three dots next to Configure tab and choose Theme:

  4. Select the blue Customize theme button:

  5. You'll be directed to the theme customizer interface, which looks like this: 

  6. From the customizer interface, you can edit several areas of your website:

    • Colour - You can change the colour of your Background, TextButtons, Header, Footer, and Sidebar. When you click on the option you want to change, then a colour screen will pop up. From here, you can either type in your colour code, scan for your preferred colour, or select Accent colourBackground colour, Button colour or Text colour.

      NOTE! Success Accent colour is the "complete lesson" button found in course lessons. The heading colour updates the module names, not lessons.

    • Typography - You can change the font of your Headings and Body text, and choose which font to use for your buttons:

    • Navigation - You can choose the Location (Top or Side), change the Appearance, add a Logo image, Favicon Icon, and a Call to Action, and choose your Header options:

    • Announcement Banner - You can add a banner at the top of your site to announce a new offer, blog post, lead magnet, etc:

      This is what it looks like in real-time:

    • Footer - You can choose the Style, add a Logo image and choose to show Payment methods or your Address:

    • Cookie consent - You can design the Position, Layout and Colour of your Cookie Banner here:

    • Sidebar - You can choose the viewing options (Visible, Position) and add Content to the sidebar:

    • Blog and Products - You can show the sharing button for blogs and products:

    • Assets - Add any Additional CSS or Javascript Files here.

  7. Make sure to save your edits by clicking the blue Save changes button!