BLOGS ARTICLES MOBI
BLOGS ARTICLES HEADER

Tag: MTN Bushfire

MTN Bushfire is greening its fire and going compostable

Described by CNN as one of the ‘7 African music festivals you really have to see’, MTN Bushfire is an iconic celebration of creative expression. It attracts talent and attendees from across Africa and around the world. Together with supporting and celebrating the arts, MTN Bushfire is also a platform that promotes social responsibility and…

Read more

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: MTN Bushfire

MTN Bushfire is greening its fire and going compostable

Described by CNN as one of the ‘7 African music festivals you really have to see’, MTN Bushfire is an iconic celebration of creative expression. It attracts talent and attendees from across Africa and around the world. Together with supporting and celebrating the arts, MTN Bushfire is also a platform that promotes social responsibility and…

Read more

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: MTN Bushfire

MTN Bushfire is greening its fire and going compostable

Described by CNN as one of the ‘7 African music festivals you really have to see’, MTN Bushfire is an iconic celebration of creative expression. It attracts talent and attendees from across Africa and around the world. Together with supporting and celebrating the arts, MTN Bushfire is also a platform that promotes social responsibility and…

Read more