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.