BLOGS ARTICLES MOBI
BLOGS ARTICLES HEADER

Tag: women

GREEN HOME in Action | GREEN HOME News - August 8, 2018

Leading the Change

Because it’s Women’s Month, we sat down with GREEN HOME’s very own founder and MD Catherine Morris (known to most as Cat) for a chat about SA’s biodegradable revolution, women and what keeps her inspired. It’s been 11 years since you started GREEN HOME. Looking back, do any key inspirations stand out from the journey…

Read more

Social Chat is free, download and try it now here!

child with target="_blank" and a PDF href. */ .woocommerce-product-gallery--with-images > a[target="_blank"][href$=".pdf"] { order: 3; /* Third item, appears after images and thumbnails */ margin-top: 15px; /* Optional: Adds some space above the download link */ /* The existing inline style 'display: block;' on the link is fine for a flex item. */ /* The inline 'text-align: center;' will center the text within the link. */ } /* Order for the social share row */ /* This targets a direct child
with the class "row". */ .woocommerce-product-gallery--with-images > div.row { /* Be mindful if other direct child divs also have the class "row" */ order: 4; /* Fourth item, appears at the bottom */ margin-top: 10px; /* Optional: Adds some space above the share row */ } /* If the 'div.row' for social sharing is not the only direct child div with that class, it's highly recommended to add a more specific class or an ID to that particular share row in your HTML, and then target it like so: .woocommerce-product-gallery--with-images > .your-specific-share-row-class { order: 4; margin-top: 10px; } */ .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li img { margin: 0 auto; width: 100%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs ol { justify-content: center; position: relative; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(3n), .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 150px; margin: 10px; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:after { content: ""; position: absolute; top: 0; left: 0; display: block; padding-top: 100%; width: 100%; pointer-events: none; background-image: url(/wp-content/themes/storefront-greenhome/dist/images/image-frame-yellow.svg); background-size: 100% 100%; background-repeat: no-repeat; } @media (min-width: 768px) { .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs { justify-content: center; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li, .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(3n), .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { margin: 10px; width: 150px; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li img{ padding: 10px; } }
BLOGS ARTICLES MOBI
BLOGS ARTICLES HEADER

Tag: women

GREEN HOME in Action | GREEN HOME News - August 8, 2018

Leading the Change

Because it’s Women’s Month, we sat down with GREEN HOME’s very own founder and MD Catherine Morris (known to most as Cat) for a chat about SA’s biodegradable revolution, women and what keeps her inspired. It’s been 11 years since you started GREEN HOME. Looking back, do any key inspirations stand out from the journey…

Read more

Social Chat is free, download and try it now here!

child with target="_blank" and a PDF href. */ .woocommerce-product-gallery--with-images > a[target="_blank"][href$=".pdf"] { order: 3; /* Third item, appears after images and thumbnails */ margin-top: 15px; /* Optional: Adds some space above the download link */ /* The existing inline style 'display: block;' on the link is fine for a flex item. */ /* The inline 'text-align: center;' will center the text within the link. */ } /* Order for the social share row */ /* This targets a direct child
with the class "row". */ .woocommerce-product-gallery--with-images > div.row { /* Be mindful if other direct child divs also have the class "row" */ order: 4; /* Fourth item, appears at the bottom */ margin-top: 10px; /* Optional: Adds some space above the share row */ } /* If the 'div.row' for social sharing is not the only direct child div with that class, it's highly recommended to add a more specific class or an ID to that particular share row in your HTML, and then target it like so: .woocommerce-product-gallery--with-images > .your-specific-share-row-class { order: 4; margin-top: 10px; } */ .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li img { margin: 0 auto; width: 100%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs ol { justify-content: center; position: relative; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(3n), .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 150px; margin: 10px; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:after { content: ""; position: absolute; top: 0; left: 0; display: block; padding-top: 100%; width: 100%; pointer-events: none; background-image: url(/wp-content/themes/storefront-greenhome/dist/images/image-frame-yellow.svg); background-size: 100% 100%; background-repeat: no-repeat; } @media (min-width: 768px) { .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs { justify-content: center; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li, .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(3n), .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { margin: 10px; width: 150px; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li img{ padding: 10px; } }
BLOGS ARTICLES MOBI
BLOGS ARTICLES HEADER

Tag: women

GREEN HOME in Action | GREEN HOME News - August 8, 2018

Leading the Change

Because it’s Women’s Month, we sat down with GREEN HOME’s very own founder and MD Catherine Morris (known to most as Cat) for a chat about SA’s biodegradable revolution, women and what keeps her inspired. It’s been 11 years since you started GREEN HOME. Looking back, do any key inspirations stand out from the journey…

Read more

Social Chat is free, download and try it now here!