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; } }

Posted on April 23, 2012September 21, 2022 by — Leave a comment

Ingenious recycling of Green Home’s biodegradable tubs and spoons.

recycled cups with plants in them and spoons with the price on

Wow, check out this ingenious recycling of our biodegradable tub’s and spoon’s at the Mud Gallery in Barrydale. Green Home’s biodegradable sugarcane tubs, with seedlings in them, covered in clay for planting directly into the ground, with the price written on the spoon. Brilliant!

Leave a Reply

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; } }

Posted on April 23, 2012September 21, 2022 by — Leave a comment

Ingenious recycling of Green Home’s biodegradable tubs and spoons.

recycled cups with plants in them and spoons with the price on

Wow, check out this ingenious recycling of our biodegradable tub’s and spoon’s at the Mud Gallery in Barrydale. Green Home’s biodegradable sugarcane tubs, with seedlings in them, covered in clay for planting directly into the ground, with the price written on the spoon. Brilliant!

Leave a Reply