Add Background Image To Minimum Pro Themes Tagline

This tutorial simply shows you how to add an image to the background of the site tagline area in the Minimum Pro child theme by StudioPress.

Here’s the default tagline without any customization to the taglines CSS:

Lets add this CSS to the very end of the child themes style.css file:

.site-tagline {
    background-image: url('images/bg.jpg');
}

And this is what the CSS produces:

Lets change the color of the font and add a semi transparent background to the text.

.site-tagline p {
    background-color: rgba(0, 0, 0, 0.8); 
	padding: 20px;
	color: #fff;
    font-weight: bolder;
}

You can play around with the 0.8 to change the background color.

Here’s what 0.6 produces:

Reader Interactions