1-1 Replacing Headings and Text with Your content

• Once in your Services page, you will hover over each text module that you want to replace the text > click grey gear/setting icon > Content > replace the content with your text > click save
• Alternatively, you can click the text area you would like to change and start typing directly into the box > click save changes at bottom of page.

1-2 “Check out the Services” placeholder text

This placeholder text found at the top (next to top image) was styled using the Header3 styling (h3). Hover over this content area > click grey gear/setting icon > Design > Heading Text > Click H3 tab > change font/color/sizing if needed

1-3 Resizing Placeholder Text 

Most placeholder body text is set to the default font size of 16px. Some placeholder content is set to 18px to emphasize importance. If you would like to change these areas that are are not set to default, or to change any area you prefer to make larger:

• Hover over the text module you’d like to change > click grey settings icon > click Design Tab > text > text size > input your desired text size > click save.
• To change heading sizes, follow the steps above and scroll to > heading text to change sizing > click save.

1-4 Changing Divider Line Color

• To change divider line color, hover over the divider line > click settings icon > Design Tab > Line > Line Color > select your line color by inputting RGB color code > click save.

2-1 Changing Placeholder Images

• Hover over grey Image Module setting icon > click image > replace with your uploaded image or from your library > click save.

2-2 Changing Image Background Frame Color

• While still in the image module settings, click > design > box shadow > shadow color > change to your desired color > click save.

3-1 To Change GREY section background color:

• In the “Get Cozy Section”, hover over the blue Section Settings Icon > click settings > content tab > scroll down to background > change abckground to desired color

3-2 To Change Navy BLUE Row Background Color

• Hover over the green row settings icon > click settings > Content > click the top “Column” settings icon > scroll down to background > change color to desired color.

3-3 To Change Placeholder Image

• Hover over the grey settings icon for the image module > click settings > content tab > click image > change to desired image by uploading your image or selecting from the library

3-4 Changing Image Background Frame Color

• While still in the image module settings, click > design > box shadow > shadow color > change to your desired color > click save.

3-5 Changing Menu Titles 

• To change menu titles- Hover over the desired Menu item you’d like to change > click the grey text settings icon > body > change text to desired menu title

3-6 How to add your website so the menu items drop down to the appropriate section:

• While still in the text content settings described above  > scroll down to Link > insert YOUR website hyperlink/services/# identifier (explained below)
  • Example of what is currently in place:  https://transcend.launchedcreative.com/services/#classes
• When replacing links, be sure to add the appropriate identifier at the end (shown in bold). This is what tells your website where to drop your visitor down to. Each services section is labeled with an identifier. Identifiers listed below for reference. You can also copy and paste these onto the end of your website hyperlink to make it easier:
  • services/#classes
  • services/#labor
  • services/#lactation
  • services/#postpartum
  • services/#faq

4-1 To Change Service Box Heading

• Hover over the desired service box title/heading grey setting icon you’d like to change > content > replace content with desired content > save

4-2 To Change Divider Line Color

• To change divider line color, hover over the divider line > click settings icon > Design Tab > Line > Line Color > select your line color by inputting RGB color code > click save.

4-3 To Change Placeholder Content of Detailed Services

• Hover over the desired service box content grey setting icon you’d like to change > content > replace content with desired content > save

4-4 To Change Pricing Content/Color/Shading

• Pricing Amount: Hover over the desired pricing grey setting icon you’d like to change > content > replace pricing with your price
• Pricing Color: While still in the settings > design tab > text > text shadow > text shadow color > change to desired color
•  To remove text shadow completely > hover over text shadow > click the text shadow icon in very far left indicating no shadow

4-5 To Change Placeholder Image

• Hover over grey Image Module setting icon > click image > replace with your uploaded image or from your library > click save.
• Changing Image Background Frame Color: While still in the image module settings, click > design > box shadow > shadow color > change to your desired color > click save.

4-6 To Change Button Link

• Currently each button is set to default style and your contact page, to change link of button > click grey button settings icon > link > delete page link > add your desired link

Repeat steps above for each  Service Box Module.

4-7 To Delete a Service Box You Do Not Need

• Hover Over the green Row Settings Icon of the box you do not need > click delete to delete entire row for removal.

5-1 To To Change FAQ Placeholder Content

• Hover over the grey FAQ accordion module and click settings icon > content tab > click settings icon of FAQ tab you want to change > accordion settings > Change Title > Change placeholder content > save changes by clicking green check mark and to be taken back to main accordion settings area > click next FAQ tab you’d like to change > repeat for each FAQ tab.

5-2 To Change FAQ Colors/Styles

• While still in the Accordion settings main module above > click Design tab > Change Open Toggle Background Color as desired > Change Closed Toggle Background Color as desired > scroll down to Title text to change colors as desired > click to save and exit

5-3 To change image next to FAQ accordion

• Click the image settings button > replace with your image
• To change image frame background: while still in image settings, click Design Tab > Box Shadow > change to desired color

6-1 To Change Title For Blurb

• Hover over the center of image/blurb content you would like to change and click grey settings icon > Content > Title > Change Title To Your Desired Role Title

6-2 To Change Placeholder Content

• While still in the Content Tab described above > Body > Replace with Desired Content

6-3 To Change Placeholder Image

• While still in the Content Tab settings described above > scroll down to “background” > Desktop Tab > Click image to upload or cahnge image
• To change Hover image color or background image (while on hover) > click Hover Tab (next to desktop tab) > click Gradient Tab > Select Color (right hand tab) > change to desired color. To change image on Hover > while still in Hover tab, click the image tab next to the gradient tab > upload desired image > click save

*Notes: 

• Try to keep content length (max) close to placeholder content max. The sizing for these elements have been done to ensure readability. Advanced style and CSS changes would have to be made to accomodate lengthier text than what is in placeholder body content.
• If you are having trouble bringing up the settings icon while hovering over the desired blurb box, move your mouse cursor to the edge of the desired box you’d like to change until the 4 arrow cursor appears. Once 4 arrow cursor appears, double click the desired box (with the 4 arrow cursor showing) and the settings box will appear.