support@launchedcreative.com

Website Kit Support & Documentation

Spectrum Website Kit

Home Page- Spectrum

Customize the Home Page to fit your Business Replace placeholder content & images with your own!

Follow along to see how to make these changes in the easy steps below.

To Get Started Making Home Page Changes:

Navigate To Your WordPress Dashboard > Pages > Click All Pages > Hover Over “Home” > Click “Edit With Divi” >

You are now in the Front End Builder of Your Home Page and will make all changes to home page here.

Video Tutorial:

 

For quick & easy customization tool tips, please check out the Quick Customization Tools guide prior to getting started with page customizations (saves loads of time in design changes!)

 

Step 4- Changing Background Colors

4-1 To Change the background of Header & “Spectrum ABA Therapy” Section:

  • Click the blue section settings > Content Tab > background > input your desired background color.

4-2 To Change the background of Header (Orange) Box & Header Contact Info (white) Boxes

  • Click the grey module settings > Content Tab > background > input your desired background color.

4-3 To change background color behind image next to ABA Therapy:

  • Click the green row settings > column 1 > Content Tab > background > input your desired background color.

Step 5- Testimonial Slider

5-1 To Change Slider Settings

  • Click Grey Slider Module Settings Icon > click grey icon for “Happy Parent #1” > click “text” to input your customer name and testimonial text
  • To change background color of testimonial box: In main slider settings area (where all testiminials are listed) > Click Design > click Overlay >  input your color > click save
  • This will apply color changes to ALL testimonial sliders. To change each individual slider to a different color overlay or text settings, follow the directions above in each slide.

5-2 To add Additional Testimonials

  • While still in the Slider settings module above > click the copy button on the slide above and follow the steps in 5-1 to change to your content.

5-3 To change image next to slider

  • Click the image settings button > replace with your image

5-3 To change Section color below testimonial slider

  • Click the green row settings > column 1 > Content Tab > background > input your desired background color.

Step 6- Staff Info

6-1 To Change Staff Placeholder Images & Border

  • Hover over grey Image Module setting icon > click image > replace with your uploaded image or from your library > click save.
  • While still in the image module settings, click > design >scroll down to border > change border color to desired color

    6-2 To Change Staff Title Box

    • Background color of box: Click the grey module settings > Content Tab > background > input your desired background color.
    • Border color of box: While still in the text module settings, click > design >scroll down to border > change border color to desired color
    • Change placeholder text to desired text
    • Change Text Styling: While still in Text module settings > Design > Text > change to desired color and size > scroll down to Heading text > click H1 > change to desired color and size > repeat for H2 styling

    6-3 To change Staff Detailed Info “Get To Know Me” Toggle settings

    • Hover over grey Toggle Module setting icon > Change Placeholder Title > Change Placeholder Body content
    • Background Color: Scroll down to background > change to desired color
    • Icon Color/Size (+): Click Design Tab > Icon > change to desired color and size
    • Background Color (open): Toggle > Open  toggle background (the color of the background when the toggle + icon is hit) > change to desired color
    • Title Text (open): Click Title Text > Open title text color > change to desired color > change to desired font
    • Title Text (closed): scroll down to Closed Title text >  Open title text color > change to desired color and size > change to desired font
    • Body Text: scroll down to body text > change to desired color, font, size
    • Border: scroll down to border > change to desired color

    Step 7- Mail Opt-In Module

    7-1 To Add Your Mailing List Credentials

    • Click the “Email Optin” Module Settings > Scroll down to Email Account > Select your service provider from drop down list > Add your account name > add your account API (this will be found within your mailing list account) > click submit to load.
    • Click “Success Actions” to set what you’d like your successful list opt-in to say
    • To Change the background colors of the mail module: click the grey gear icon > content settings > background > color
    • To change button style: Click “Design” tab and scroll to “button” to change button color and font

    7-2 To Change the background colors of entire the section:

    • Click the blue section settings > background > color

     

    Placeholder Text Not Set To Default Settings

    Documentation: The following areas have placeholder text that will not be changed with Theme Customizer setting changes. You will have to manually reset the font selection when changing the placeholder text out for the following area:

    Header “Comprehensive Evidence-Based ABA Services” Tagline: Change in Text Settings.

    “Helping Children Achieve” Services Heading: Change in Heading H1 Settings.

    “Kind Words &  Praise” Testimonial Heading: Change in Heading H1 Settings.

    “Meet Our Team” Staff Heading: Change in Heading H1 Settings.

    “Exceptional Services Provided By Highly Trained Professionals” Staff Subheading: Change in Text Settings.

    Staff Name Boxes: Change Font for Heading H1 Only. All others set to default.

    “Get To Know Me” Boxes Title Text: Change in “Title Text” H5 Heading