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

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

How to select the best headphones for your home recording studio?

Selecting the best headphones for your home studio should not be too complicated. The first step...

3 Rules to Keep In Mind when searching for the right Studio Monitors

Whether you are a professional musician, recording engineer, producer, or just getting started...

Why do you need Studio Monitors?

Studio monitors are speaker drivers placed in speaker enclosures which are specifically designed...

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

• 4 x 3” stand “posts”
• 4 x 6” stand “posts”
• 4 x middle stabilizers
• 10 rubber feet (10mm)
• 5 rubber feet (18mm)
• 10 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