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
Sony Phones Are Still Part Of The Sony Family
Nunc sodales, dolor ut blandit tristique, nisi enim ultricies neque, sit amet faucibus nunc nisi...
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...
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
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.
Lisätiedot
| Memory | 32GB, 64GB, 124GB |
|---|---|
| color | Black, Blue, Yellow |
