Add a tagline to the storefront theme

Add a tagline to the storefront theme

If you have a WooCommerce eCommerce store and use the popular Storefront theme, a simple way to add a tagline below the logo is to use the ::after selector.

.custom-logo-link::after {
	color: #333;
        content: "award winning jeweller, writer and broadcaster";
	display: block;
        font: 400 1rem 'Oswald', sans-serif;
	margin-top: 1rem;
	text-transform: uppercase;
}

It’s not really an SEO friendly solution as search engines don’t care what’s inside your stylesheet, but it is a rather neat way to display the logo and tagline together.

WooCommerce additional variation images

If you want to extend your WooCommerce product page to show additional gallery images per variation on variable products there’s a neat little extension that allows you to do just that.

woocommerce variations

WooCommerce Additional Variation Images enhances the product you’re selling by letting you add any number of images to your variable product variations so visitors can see all the different colors and styles.

woocommerce variations

Additionally, it can help to avoid adding the wrong style of product to the cart improving the customer experience.