Sunburst Specific Features

A laptop, tablet, and smartphone display a website with a Sunburst logo. Built using a WordPress template for children's psychologists, the site features sections on child development, education services, and contact information.

divi theme Customiser

Individual layouts

Lay out packs through library

Fonts

The free Google fonts used are:
Heading: Mansala
Body text: Poppins

You can find these in the font list in Divi.

Instagram Feed

It’s easy to showcase your Instagram feed. We recommend using the free Instagram Feed plugin by Smash Balloon.

Tip: Make sure you’re logged into Instagram on your browser first. Then, follow three simple steps and add the shortcode [instagram_feed] to any text or code module (for this template: the footer file in your Divi Theme Builder) where you want your feed to appear.

Map Module

We use this free plugin for maps as it doesn’t require you to use Google Map API

Once you instal the plugin you will find Supreme Map as one of your Divi Modules.

Logo Carousel Module

There is a logo carousel on the About page (see above screenshot). 

To be able to use it, you will need to install this free plugin:
https://en-au.wordpress.org/plugins/wow-carousel-for-divi-lite/

How to set background image on hero section (homepage)

Sunburst templates’ hero sections have images on the left or right columns. We used different ways than adding images to achieve a full section background (specifically on the Homepage & the Contact Page)

To replace  the hero image on the homepage, please follow these instructions:
1. Navigate to the green section, and click on the green cog.

 

2. Choose the column of where the image is locate (top one is the left column, and the bottom is the right column)

 

 

3. Navigate and scroll to Background

 

 

 

4. Navigate Background Image and replace it with your own image or upload the new image.

Recommended width: 1280px

 

5. Save the new settings.

 

How to set background image on hero section (Contact)

Sunburst templates’ hero sections have images on the left or right columns. We used different ways than adding images to achieve a full section background (specifically on the Homepage & the Contact Page)

To replace the hero image on Contact Page, please follow these instructions:

1. Navigate to the row setting (green section), and click the green cog.

 

2. Choose the column where the image is located (the top one is the left column, and the bottom is the right column)

 

 

3. Navigate and scroll to Background

 

 

4. Navigate the Background Image and replace it with your image or upload the new image.

 

 

5. Save the new settings.

 

How to add the other images

We are using the image as a background on the divider module for the other images, so you don’t need to worry about editing it with the shapes or adjusting the size to match the layout.
All of the images on all the pages are following the same steps.To replace these images  please follow these instructions:
1. Navigate to the Divider module setting where the image is located.

 

2. Click on the background 

 

3. Navigate to Background Image, replace or upload your new image. The module will automatically crop the photos to the circles.

 

4. Save the new setting.

 

Now you have your new image, you can also change the radius corners and the size of the image as well. Here’s how:

 

How to change the radius corners:

1. Navigate to the Design tab

 

 

2. Click on Border

 

 

 

3. Adjust the corner radius. You can choose percentage or number of pixels to set it up.  Make sure you save the settings.

 

Now you changed the corners, you can also resize the images. Here is how to change the width/height of the image:

1. Navigate to Sizing (under the Design Tab)
2. You can set up the width and the height of the images. Make sure you also set up smaller sizes for mobile and tablets.

Save your settings.

 

Pin It on Pinterest

Share This