support@launchedcreative.com

Website Kit Support & Documentation

Spectrum Website Kit

Services Page- Spectrum

Customize the Services 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 Services Page Changes:

Navigate To Your WordPress Dashboard > Pages > Click All Pages > Hover Over “Services” > 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:

Please review Quick Customization Tools prior to getting started (it will save you loads of time in customizing the design!)

Step 3- Changing Background Colors

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

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

3-2 To Change the background of Header (white) Box

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

3-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.

3-4 To Change the background of “Our Services” Section

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

3-5 To Change the background of “Ready To Get Started” Section and Orange 4 Image Section:

  • Click the green row settings > content > input your desired background color.

3-6 To Change the background of “FAQ” Section

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

Step 5- FAQ Toggles Section

To Change all Toggle Designs at once: Hold down shift button > while holding down shift button, right click in the middle of a toggle box > right click each toggle box until all desired boxes are highlighted with gear module settings showing > continue with following directions:

5-1 To Change Toggle Appearance:

  • Hover over grey Image Module setting icon > Design> Icon > change color > “use custom size” change size of + button 
  • While still in the toggle module design settings, click “toggle” > change open toggle backrgound color to change color of background when open > “closed toggle background” to change color when closed
    • While still in the toggle module design settings, click “Title text” > change to desired settings for both open and closed
    • While still in the toggle module design settings, click “Closed Title text” > change to desired settings 
    • While still in the toggle module design settings, click “body” > change to desired settings 

    Step 6- ABA Therapy Call To Action (Bottom of Page)

    This section is set to make global changes. If you change this item on this page, it will reflct across any page this section is present in. You do not need to make these changes on every page.

    6-1 To Change the background colors of entire section (grey):

    • Click the blue section settings > background > color

    6-2 To Change the background colors of inner row (orange)

    • Click the green section settings > column 1 background > color
    • To change the border of the row: In main row settings > click design > border > change to desired color or change to 0px to remove border

    6-3 To Change placeholder text & Image

    • Click the grey text module gear settings > change placeholder body text > design > change to desired font, text, size
    • Click grey image module settings > change placeholder image to desired image

    6-4 To Change button settings

    • Click the grey button module gear settings > change placeholder button text > design > button > change to desired font, text, size

    Documentation (Items Not Set to Default)

    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.

    “Quality Behavioral Therapy Services” Heading: Change in Heading H1 Settings.

    “Our Services” Tab Section Heading: Change in Heading H1 Settings.

    “FAQ” Heading: Change in Heading H1 Settings.

    Documentation: The following areas have buttons that will not be changed with Theme Customizer setting changes. You will have to manually reset the font selection when changing the button settings:

    Services Page Header: FAQ, Services, Get Started Buttons: Change button settings by clicking grey module settings button > design > button > change font, text size, color, background color, border color, and icon size/color/placement values as desired.