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
Sewing The Rhea Dress – Back Waist Ties Hack
It has been so incredible seeing everyone’s versions of The Rhea Dress, I particularly love how a...
Sewing The Peppermint Maxi Dress Pattern Skirt Hack
When I first started sewing, I came across The Peppermint Mag Wide-strap maxi dress and instantly...
Rhea Dress – Sewing a Colour Blocked Summer Midi Dress
I’ve been wanting to try and sew a cute colour block dress for a while now and when making The...
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
Watch my YouTube video sew-along here
Fabric recommendations
Light-weight weight woven fabrics such as Cotton, Linen, Viscose/Rayon, Satin will work best. Using a fabric with a bit of drape will help create a more fluid and free-flowing skirt. You will need 1" / 2.5cm wide elastic.
Fabric Requirement
Sizes 6-18 with fabric width of 50” / 127cm you will need 2.5 metres / 2.7 yards.
Sizes 6-10 with fabric width of 55” / 139cm you will need 2 metres / 2.3 yards.
Sizes 20-32 with fabric width of 50” / 127cm you will need 3.5 metres / 3.8 yards.
Sizes 20-32 with fabric width of 55” / 139cm you will need 2.5 metres / 2.7 yards.
Sizing
6 - Waist: 24 Inches, Hips: 34 Inches
8 - Waist: 26 Inches, Hips: 36 Inches
10 - Waist: 28 Inches, Hips: 38 Inches
12 - Waist: 30 Inches, Hips: 40 Inches
14 - Waist: 32 Inches, Hips: 42 Inches
16 - Waist: 34 Inches, Hips: 44 Inches
18 - Waist: 36 Inches, Hips: 46 Inches
20 - Waist: 38 Inches, Hips: 48 Inches
22 - Waist: 40 Inches, Hips: 50 Inches
24 - Waist: 42 Inches, Hips: 52 Inches
26 - Waist: 44 Inches, Hips: 54 Inches
28 - Waist: 46 Inches, Hips: 56 Inches
30 - Waist: 48 Inches, Hips: 58 Inches
32 - Waist: 50 Inches, Hips: 60 Inches
Download information
With this download, you will receive a print at home A4 sized paper pattern along with illustrated instructions that make it super easy to create your own handmade wardrobe! Print pattern 100% to scale and it will fit on A4 and US Letter sized paper. There is also an A0 sized pattern included for you to print out at a printers full size.
Check out the hashtag #tammyhandmadeamelia for inspiration from other makers!
Reviews
There are no reviews yet.
Reviews