Divi Ecommece Pro Styleguide

Backgrounds

.dsdep-background-color-primary
.dsdep-background-color-second
.dsdep-background-color-dark
.dsdep-background-color-light

Borders

.dsdep-border-color-primary
.dsdep-border-color-second
.dsdep-border-color-dark
.dsdep-border-color-light

Buttons

.dsdep-button-primary
.dsdep-button-second
.dsdep-button-outline
.dsdep-button-underline-primary
.dsdep-button-underline-second
.dsdep-button-medium
.dsdep-button-large

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-primary

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-second

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-outline

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-underline-primary

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-underline-second

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-medium

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-large

Box shadow

.dsdep-shadow-primary
.dsdep-shadow-second 

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-shadow-primary

Call to Action Module

Lorem ipsum dolor sit
.dsdep-module-button-shadow-second 

Colors

Lorem ipsum dolor sit
.dsdep-color-primary
Lorem ipsum dolor sit
.dsdep-color-second
Lorem ipsum dolor sit
.dsdep-color-dark
Lorem ipsum dolor sit
.dsdep-color-light
.dsdep-link-color-primary
.dsdep-link-color-second
.dsdep-link-color-dark
.dsdep-link-color-light
.dsdep-link-hover-color-primary
.dsdep-link-hover-color-second
.dsdep-link-hover-color-dark
.dsdep-link-hover-color-light

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-color-primary

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-color-second

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-color-dark 

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-color-light

Border radius

.dsdep-borderRadius
.dsdep-borderRadiusImage 

Checklist

  • Dolore magna aliqua
  • Ut enim ad minim veniam quis nostrud
  • Duis aute irure dolor in reprehenderit
.dsdep-checklist 
  • Dolore magna aliqua
  • Ut enim ad minim veniam quis nostrud
  • Duis aute irure dolor in reprehenderit
.dsdep-checklist + .checklist-secondary
  • Dolore magna aliqua
  • Ut enim ad minim veniam quis nostrud
  • Duis aute irure dolor in reprehenderit
.dsdep-checklist + .checklist-dark
  • Dolore magna aliqua
  • Ut enim ad minim veniam quis nostrud
  • Duis aute irure dolor in reprehenderit
.dsdep-checklist + .checklist-white
  • Dolore magna 
  • Ut enim ad 
  • Veniam
  • quis 
  • Lorem
  • ipsum
  • Amet consectetur
  • Elit sed
  • Tempor
  • incididunt
  • Duis aute
  • irure dolor
.dsdep-checklist + .checklist-inline
  • Lorem ipsum dolor sit amet consectetur
  • Elit sed do eiusmod tempor incididunt
  • Dolore magna aliqua  ut labore
  • Ut enim ad minim veniam quis nostrud
.dsdep-checklist + .checklist-2-col
  • Lorem ipsum dolor sit amet
  • Elit sed do eiusmod tempor
  • Dolore magna aliqua
  • Ut enim ad minim veniam
  • Ullamco laboris nisi ut aliquip 
  • Duis aute irure dolor in reprehenderit
.dsdep-checklist + .checklist-3-col
  • Lorem ipsum dolor sit
  • Elit sed do eiusmod
  • tempor incididunt
  • Dolore magna aliqua
  • Ut enim ad minim
  • veniam quis nostrud
  • Ullamco laboris nisi
  • Duis aute irure dolor in 
.dsdep-checklist + .checklist-4-col

Headers

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-with-line + .line-dark

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
.dsdep-heading-with-line + .line-light

Accordion Divi Module

.dsdep-accordion
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.

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.

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.

Blog Divi Module

.dsdep-blog

Email Optin Divi Module

.dsdep-optin
.dsdep-optin + .dsdep-inline-optin

Contact Form Divi Module

.dsdep-contact-form

10 + 15 =

Testimonial Divi Module

.dsdep-testimonial
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Devin Joseph

Buyer

.dsdep-testimonial + .has-rating + .stars-5
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Josephine Guzman

Photographer

.dsdep-testimonial + .has-rating + .stars-4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Christian Barton

Magazine Photographer

.dsdep-testimonial + .has-rating +  .stars-3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Christian Barton

Magazine Photographer

.dsdep-testimonial + .has-rating +  .stars-2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Devin Joseph

Buyer

.dsdep-testimonial + .has-rating + .stars-1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Josephine Guzman

Photographer

.dsdep-testimonial + .has-rating
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Christian Barton

Magazine Photographer

.dsdep-testimonial 

Search Divi Module

.dsdep-search

Social Media Follow Divi Module

.dsdep-social-icons

Slider Divi Module

.dsdep-slider

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.

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.

Sony Phones Are Still Part Of The Sony Family

Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...

Choosing The Best Audio Player Software For Your Computer

Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...

MOBILES Is Crucial To Your Business. Learn Why!

Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...

Woo Add to Cart Divi Module

.dsdep-add-to-cart

This product is currently out of stock and unavailable.

Woo Reviews Divi Module

.dsdep-reviews

Woo Images Divi Module

.dsdep-woo-images

Woo Tabs Divi Module

.dsdep-woo-tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
In hac habitasse platea dictumst. Sed finibus mollis eros a viverra. Donec sollicitudin nisi et odio pulvinar rutrum. Phasellus laoreet feugiat porttitor. Sed lectus quam, molestie sed efficitur vel, suscipit non risus. Suspendisse vitae ex urna. Suspendisse facilisis, eros sed placerat aliquam, lectus libero viverra ligula, sit amet porttitor ante est eget nulla. Etiam interdum ante eget odio rutrum, vel posuere enim dapibus. Maecenas tortor erat, sodales quis orci non, malesuada tempor urna.

Additional information

Memory

32GB, 64GB, 124GB

color

Black, Blue, Yellow

Due to current Northern Ireland government lockdown (until 11th December), our opening hours have changed to:

Monday to Friday 11am-3.00pm

0
    0
    Your Cart
    Your cart is emptyReturn to Shop