Module examples – WP/ Divi general

alphabetical order, comments in pink

Accordion title

Accordion content

Your Title Goes Here - what is the difference in this and other accordion title?

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Accordion title

Accordion content

Your Title Goes Here - what is the difference in this and other accordion title?

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Button example - can have coloured b/g etc

Call to action example - title

Call to action example – body [backround colour = default]

Click Here button

%

Circle counter example

0 Comments

Above ‘Comment’ option. Can’t see how you give people a button to click to leave comment.

Contact form example - title

Above = Supreme embed google map settings

Blurb module - title example

Blurb content example [image appears by default but can be deleted]

Whole box clickable

Blurb module - title example

Blurb content example [image appears by default but can be deleted]

bar counter example 50% 50%

Above = Divider line module example

Email opt in example - title

Email opt in example - body [nb defaults to mailchimp]

Heading module example - defaults to H1



Above = icon example (Christmas sleigh). there are lots of examples, this was default size and layout

Above = image example, default size and layout

Login example - title

Login example – body

photoholgic-Q9H0WK0LP7w-unsplash

daniel-sessler-wOjW_PVsiAE-unsplash-1

andreas-m-MfBRRdNAyhQ-unsplash

shutterstock_662171107

shutterstock_1714914373-2

(Above = Gallery example. Defaults to 4 (fills screen width, I changed it to 3). Doesn’t show where the text is from/ how to edit.

There is a ‘Map’ module but it says the Google API is disabled in Theme settings.

%

number counter example - title

Person module example - Name [NB wouldn't use this format]

Person module example - Position

Person module example – body

← Peep Learning Together Programme Content Overview: Learning Together Programme →

Post navigation example

Draft – module examples (divi WP)

by charlotte.holmes | Nov 23, 2024

Post/ blog title example – default setting, can switch off name, date etc

Pricing Table Title example

Pricing Table sub-Title example

£50

Body example
This feature is included
This feature is included
This feature is included
This feature is not included
This feature is not included

Table Title

Subtitle goes Here

$50

This feature is included
This feature is included
This feature is included
This feature is included
This feature is not included
This feature is not included

Slider example - title

Slider example – body

Slider example - button - click here

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Click Here

Above = social media follow example

Tab example – body 1

Tab body 2

Testimonial example – body. Blah blah

Testimonial example - Name Goes Here

Testimonial example - job title, Testimonial example - company

Text example – body

Toggle example - Title (can close when opened, unlike accordion)

Toggle example – body

body…..

Toggle example - Title (how different to accordion?)

Toggle example – body

body…..

Above = video example

Below – examples from Library (can’t see name click settings)

Library module/ underlined heading

Link - menu CTA with green underline

Centred header (no underline)

Centre text (for intros)

space holder

Green line above and below for link

Underlined H2 header

Everything we do is evidence-based

number counter example

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet.

Lorem ipsum dolor

sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet.

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet.

Lindsey Hart - Manager

Lindsey has been the manager of Little Peeple Nursery since it opened. She is an experienced NNEB and has set up and managed day nurseries at the local school and FE college, where she also lectured in Childcare and Education.

Name - role

I mainly work in the Oak room. I love playing outdoors with the children, summer or winter – we grew some amazing pumpkins in our nursery veg plot last year.

Name and role

Brief description

Session times

Families can opt for a variety of sessions…

Morning session

Wraparound Breakfast

8 – 8.30am

Funded morning session

8.30 – 11.30am

Wrap around Lunch session

11.30 – 1.230pm

Who is the training for?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl.

See all our courses

What is Peep?