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-primaryLorem 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-primaryLorem 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-primaryHeading 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
Sound On Sound : Image 2 review
Phil Ward at Sound On Sound has reviewed the Image 2 3-way studio monitor. Quote:"Its outstanding...
Bonedo.de : Image 2 review
Felix at Bonedo.de har reviewed the Image 2 3-way studio monitor. Quote:"The Fluid Audio Image 2...
Amazona.de : Image 2 review
Jörg at Amazona.de har reviewed the Image 2 3-way studio monitor. Quote:"The first thing you...
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
Woo Images Divi Module
.dsdep-woo-images
Woo Tabs Divi Module
.dsdep-woo-tabs
Package Contents
• 8 x 3” (76.2mm) short “posts”
• 8 x 6” (152.4mm) tall “posts”
• 4 x middle stabilizers
• 16 x No-angle foot
• 8 x Tall angle foot
• 8 x Short angle foot
• 16 screws (for mounting posts)
Features
• Fits most 6” and 8” studio monitors
• Allows for 2 height adjustments: 3” and 6”
• Allows for 3 angle adjustments: Flat, 3 deg and 6 deg
Specifications/Material
• Middle stabilizers: Vinyl-laminated MDF
• Stands: Polypropylene plastic
• Rubber: Highly absorbent, 40 Durometer
• Size (packed): 8.46 x 8.93 x 4.9”
• Max load 13kg per unit
• Weight: 1.46kgs/giftbox
Measures
• Total depth: 221.5mm
• Distance between front and rear rubber support: 180mm
• Total width: 206mm
• Distance between left and right rubber support: 150mm