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
.dsdep-module-button-primary
.dsdep-module-button-second
.dsdep-module-button-outline
.dsdep-module-button-underline-primary
.dsdep-module-button-underline-second
.dsdep-module-button-medium
.dsdep-module-button-large
Box shadow
.dsdep-shadow-primary
.dsdep-shadow-second
.dsdep-module-button-shadow-primary
.dsdep-module-button-shadow-second
Colors
.dsdep-color-primary
.dsdep-color-second
.dsdep-color-dark
.dsdep-color-light
Lorem ipsum dolor sit amet
.dsdep-link-color-primary
Lorem ipsum dolor sit amet
.dsdep-link-color-second
Lorem ipsum dolor sit amet
.dsdep-link-color-dark
Lorem ipsum dolor sit amet
.dsdep-link-color-light
.dsdep-link-hover-color-primary
Lorem ipsum hover over me
.dsdep-link-hover-color-second
Lorem ipsum hover over me
.dsdep-link-hover-color-dark
Lorem ipsum hover over me
.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
Sony Phones Are Still Part Of The Sony Family
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi gravida sollicitudin egestas. Ut...
Choosing The Best Audio Player Software For Your Computer
Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...
How To Put Movies On Iphone
Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...
Email Optin Divi Module
.dsdep-optin
.dsdep-optin + .dsdep-inline-optin
Contact Form Divi Module
.dsdep-contact-form
Testimonial Divi Module
.dsdep-testimonial
.dsdep-testimonial + .has-rating + .stars-5
.dsdep-testimonial + .has-rating + .stars-4
.dsdep-testimonial + .has-rating + .stars-3
.dsdep-testimonial + .has-rating + .stars-2
.dsdep-testimonial + .has-rating + .stars-1
.dsdep-testimonial + .has-rating
.dsdep-testimonial
Search Divi Module
.dsdep-search
Social Media Follow Divi Module
.dsdep-social-icons
Slider Divi Module
.dsdep-slider
Woo Add to Cart Divi Module
.dsdep-add-to-cart
Woo Reviews Divi Module
.dsdep-reviews
1 review for Apple MacBook Air Notebook Gray 33.8 cm (13.3") 2560 x 1600 pixels 10th
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
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
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.