Customize the Contact 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 Contact Page Changes:
Navigate To Your WordPress Dashboard > Pages > Click All Pages > Hover Over “Contact” > Click “Edit With Divi” >
You are now in the Front End Builder of Your Contact Page and will make all changes to About page here.
Step 1- Changing Main Header
–insert text video–
1-1 Replacing Heading Text
- In the main header image, hover over the placeholder text and click grey settings icon > Content > change to desired text
- To change font sizing > design tab > Text > Text Size and scroll down to Heading > Heading Size > Change to desired sizing. Click save.
1-2 Header Image
- Hover over placeholder header image and click the green row settings icon > Content > scroll down to background > click image > upload desired image
- To change image background color, while still in row settings described above > click design tab > box shadow > shadow color > change to desired color. Click save.
Step 2- Changing Placeholder Text
2-1 Replacing Headings and Text with Your content
- 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.
Step 3- Social Media Icons
2-2 Social Media Icons
- Hover over the social media icons and click the grey settings icon > click each icon settings icon to change that individual icon > Content > “Network” to change social media network type > “Link” to input YOUR corresponding social media link for that icon > “background” to change the icon main color to your desired color > Click Design Tab to change Icon lettering color > Icon color > change to desired color
Step 5- Praise Box
5-1 Changing Praise Box Background Color
- Hover over the blue section settings icon > content > background > change to desired background color.
5-2 Changing Placeholder text
- 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.
5-3 To Change Border Color
- Hover over the greem row settings icon > click settings icon for column 3 > design tab > border > border styles > top border and bottom border have the color set to pink. You can change the color to desired color or remove border by change border width to 0 pixels.
Be sure to click “save” often in order to save changes to your website!