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
img home banner 0
.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

2 + 3 =

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

5 op voorraad

Add to Wishlist
Add to Wishlist

Woo Reviews Divi Module

.dsdep-reviews

Woo Images Divi Module

.dsdep-woo-images

Woo Tabs Divi Module

.dsdep-woo-tabs
0
    0
    Winkelwagen
    Je winkelwagen is leegTerug naar winkel