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

Blog Post Title

What goes into a blog post? Helpful, industry-specific content that: 1) gives readers a useful...

read more

Email Optin Divi Module

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

Contact Form Divi Module

.dsdep-contact-form

15 + 4 =

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.

Blog Post Title

What goes into a blog post? Helpful, industry-specific content that: 1) gives readers a useful...

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

Woo Add to Cart Divi Module

.dsdep-add-to-cart
Add to My Wishlist
Add to My Wishlist

Woo Reviews Divi Module

.dsdep-reviews

1 review for Apple MacBook Air Notebook Gray 33.8 cm (13.3") 2560 x 1600 pixels 10th

  1. carolina

    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.

Add a review

Your email address will not be published. Required fields are marked *

Woo Images Divi Module

.dsdep-woo-images
Sale!

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

1 review for Apple iPhone Retina 6s Plus 64GB – Silver

  1. Christian Barton

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Add a review

Your email address will not be published. Required fields are marked *

Desktop H1: Milks Extra Bold 48px 1em

Desktop H2: Milks Script Bold 26px 1em

Desktop H3: Patrick Hand SC 34px 0.9em

Desktop H4: Patrick Hand SC 18px 1em

Desktop H5: Patrick Hand SC 16px 1em
Desktop H6: Patrick Hand SC 14px 1em

Desktop Paragraph: Patrick Hand 20px 1.4em

Body copy set in Patrick Hand 20px with 1.4em line height. 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. 

Phone H1: Milks Extra Bold 30px 1em

Phone H2: Milks Script Bold 24px 1em

Phone H3: Patrick Hand SC 25px 0.9em

Phone H4: Patrick Hand SC 20px 1em

Phone H5: Patrick Hand SC 16px 1em
Phone H6: Patrick Hand SC 13px 1em

Phone Paragraph: Patrick Hand 17px 1.4em

Body copy set in Patrick Hand 17px with 1.4em line height. 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.

 

 

Headline Text Milks Script Extra Bold Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sub-Heading Set In Patrick Hand Small Caps Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nice Baboon H3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nice Baboon H4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nice Baboon H5 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Nice Baboon H6 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0
    0
    Your Cart
    Your cart is emptyReturn to Shop