Divi Website Support

How to edit a DIVI website

Once you have logged in:

Go to ‘PAGES’ tab in the Dashboard menu.

Then select the blue ‘Your Business Name’ – FRONT PAGE link to edit the Home Page.

Pages

Key Icons for editing your website

Edit / Expand Button

Delete Button

Duplicate Button

Editing a Fullwidth Slider

Slider

Step 1:

To edit the Fullwidth Slider on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Fullwidth Slider’. Slider

Step 2:

To edit the existing slide within your Fullwidth Slider, select the expand icon on the right hand side of the light grey bar. Other editing options are highlighted in blue:

  • + Add new slide = Create New Slide
  • X = Delete Slide

Slider-screen

Step 3:

Edit the content of the existing slide within your Fullwidth Slider: Heading = Main text on the slide Button URL = URL link the user is directed to if they click the ‘Find Out More’ button. Upload Image = Main image. If you want to add your own, make sure the image is landscape (horizontal) and 1200px wide Edit-Slider

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Editing a Fullwidth Header

Header-new

Step 1:

To edit the Fullwidth Header on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Fullwidth Header’. Header

Step 2:

Edit the content of the existing slide within your Fullwidth Header: Title = Main text on the slide Subheading Text = Subheading on the slide Button Text = Text on Buttons Button URL = URL link the user is directed to if they click one of the header buttons. Background Image URL = Main image. If you want to add your own, make sure the image is landscape (horizontal) and 1200px wide Eye Icon= This is for you to preview your changes as you go. Save & Exit= Saves and closes the module Header-Options   *Always remember to hit  save

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Editing a Call to Action

CTA

Step 1:

To edit the CTA on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Call To Action’.   edit-CTA

Step 2:

Edit the content of the existing CTA: Title = Main text on the CTA Button URL = URL link the user is directed to if clicked. Button Text = Wording on button. Eye Icon = Preview your changes as you go Save & Exit= Saves and closes the module   CTA_edit *Always remember to hit  save .

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Editing a Blurb

Blurb

Step 1:

To edit a Blurb on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Blurb’.Blurbs-Edit

Step 2:

Edit the content of the existing blurbs: Title = Heading of blurb Button URL = URL link the user is directed to if they click one of the Blurbs. Icon = Icon graphic that is displayed either above or beside the blurb information. Icon Colour = Colour of the Icon. Circle Colour = Background circle of Icon (If Turned On). Content= Subtext displayed below the heading. Eye Icon= This is for you to preview your changes as you go. Save & Exit= Saves and closes the module. blurb-new *Always remember to hit  save

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Editing a Image Module

Image

Step 1:

To edit the Image Modules on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Image’. Image-edit

Step 2:

Edit the content of the existing image: Image URL = The url of image from your media library. (select upload image to upload or select from media) Eye Icon = Preview your changes as you go Save & Exit= Saves and closes the module Image-edit-2   *Always remember to hit  save .

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Editing a Text Module

Text

Step 1:

To edit a text section on your Home Page, select the expand icon edit-grey on the left hand side of the dark grey bar titled ‘Text’. Text-edit

Step 2:

Edit the content of the existing text : Content = Text within the module Eye Icon= This is for you to preview your changes as you go. Save & Exit= Saves and closes the module.   Text-edit-2 *Always remember to hit  save

Always remember to hit 'SAVE' & 'UPDATE'...

Nothing goes live until you hit this blue update button.

Update-Button

Any Questions?
If you have any questions please email support@pixelfish.com.au