The minimum Pro theme by StudioPress includes a tagline area which you modify or remove completely.
The easiest way to get rid of the tagline in Minimum Pro is to modify the CSS code which uses that class:
On line 495 of your child themes style.cs file, simply change the code block to this:
.site-tagline {
background-color: #fff;
border-bottom: 0px solid #fff;
padding: 30px 0;
padding: 3rem 0;
}
And here’s the result:
Dan Romanchik says
I did some more playing around. What I did get to work was to delete the margin-top spec and change the padding to padding: 10px 0;
I also had to add display:none to the .site-tagline styles down in the responsive section. Not doing this will cause this div to re-appear when the browser window is narrow.
Brad Dalton says
Thanks for sharing your solution Dan.
Dan Romanchik says
Hi, Brad. I just wrote a post detailing my final solution. In addition to removing the tagline, I applied one of the solutions to making the image truly responsive instead of using backstretch. The post is at.
Brad Dalton says
Thanks for the mention Dan.
Not sure why it didn’t work for you but it did when i tested it which is why i took the screenshot.
Maybe have something to do with removing the PHP code which then removes the classes so the CSS no longer works.
Dan Romanchik says
I’ve just installed version 3.0.1 of the Minimum Pro theme. In this version of the theme, this code starts on line 463, and when I change the CSS to what you have above, the site tagline doesn’t disappear at all.
Tomas Risberg says
Thanks Brad,
I tried the code above, but it leaves a thin horizontal line where the tagline area used to be.
How can I get rid of that thin line?
Tomas Risberg
Brad Dalton says
When i tested the code it removes it.
Please check your code again.
Tomas Risberg says
I’m sorry. I have checked the code and found nothing wrong. This is my expermiental page where you can se the thin line:
http://exp.silent.se
Brad Dalton says
You’ll find that with Firebug and then remove it from your style sheet.
Tomas Risberg says
Thanks. I’ll try to learn how to use Firebug.
Chris says
Hey Brad!
I’m sorry, but how does the above code snippet remove the .site-tagline exactly? Wouldn’t it be a “display: none;”?
Brad Dalton says
It removes the margin and reduces the padding which you will find works perfectly.
Using display: none removes the entire container which causes problems i found after testing.