WP SITES

3095 Coded Tutorials & 297 Plugins

How To Remove The Tagline From The Minimum Pro Theme

—

by

Brad Dalton

The minimum Pro theme by StudioPress includes a tagline area which you modify or remove completely.

with tagline

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:

screencast

Other Options Relating To The Minimum Pro Tagline

Was this helpful?

Yes
No
Thanks for your feedback!

13 responses to “How To Remove The Tagline From The Minimum Pro Theme”

  1. StudioPress Minimum-Pro: Make the background image responsive and eliminate the site tagline

    […] “display:none” to the site-tagline style, but as Brad Dalton notes on his page, “How To Remove The Tagline From The Minimum Pro Theme,” that created other problems when I first tried it. I tried his approach, but that […]

  2. Dan Romanchik Avatar
    Dan Romanchik

    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.

    1. Brad Dalton Avatar
      Brad Dalton

      Thanks for sharing your solution Dan.

      1. Dan Romanchik Avatar
        Dan Romanchik

        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.

        1. Brad Dalton Avatar
          Brad Dalton

          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.

  3. Dan Romanchik Avatar
    Dan Romanchik

    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.

  4. Tomas Risberg Avatar
    Tomas Risberg

    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

    1. Brad Dalton Avatar
      Brad Dalton

      When i tested the code it removes it.

      Please check your code again.

      1. Tomas Risberg Avatar
        Tomas Risberg

        I’m sorry. I have checked the code and found nothing wrong. This is my expermiental page where you can se the thin line:

        https://exp.silent.se

        1. Brad Dalton Avatar
          Brad Dalton

          You’ll find that with Firebug and then remove it from your style sheet.

          1. Tomas Risberg Avatar
            Tomas Risberg

            Thanks. I’ll try to learn how to use Firebug.

  5. Chris Avatar
    Chris

    Hey Brad!

    I’m sorry, but how does the above code snippet remove the .site-tagline exactly? Wouldn’t it be a “display: none;”?

    1. Brad Dalton Avatar
      Brad Dalton

      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.

Leave a Reply