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 May 11, 2016April 8, 2020 by — Leave a comment

AgriProtein, an Insect Farm for a Sustainable Future

South African fly farm, AgriProtein, is making waves with its innovative and back to basics approach to manufacturing farm feed.

Watch this fascinating video to see how AgriProtein are using using food waste to farm maggots, which creates feed for chickens and pigs, replacing the fishmeal they are often fed. The process also makes natural fertilizer.

There are many reasons why this process is so environmentally-friendly; from the reduction of methane gas caused when food waste rots in landfill, to the reduced carbon footprint of feeding animals and more fish stock in the sea. One great idea, many wins.

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 May 11, 2016April 8, 2020 by — Leave a comment

AgriProtein, an Insect Farm for a Sustainable Future

South African fly farm, AgriProtein, is making waves with its innovative and back to basics approach to manufacturing farm feed.

Watch this fascinating video to see how AgriProtein are using using food waste to farm maggots, which creates feed for chickens and pigs, replacing the fishmeal they are often fed. The process also makes natural fertilizer.

There are many reasons why this process is so environmentally-friendly; from the reduction of methane gas caused when food waste rots in landfill, to the reduced carbon footprint of feeding animals and more fish stock in the sea. One great idea, many wins.

Leave a Reply