remove page title sitewide using child theme

  • Hi,

    I’m still pretty new to WP, but obviously delving a little deeper as I’ve begun developing a child theme. My problem is this: I want to remove the page title AS WELL AS THE SPACE AND DIVIDER LINE that my theme (Purity by Themeforest) automatically adds to each page.

    After reading around it seemed like creating a child theme is the best way to go as it will remain effective if/when the theme updates. My child theme style.css currently contains the following:

    /*
    Theme Name: Purity Child
    Template: purity
    */
    @import url(“../purity/style.css”);

    body.home .entry-title {
    display: none;
    }

    I have activated the child theme but the titles still appear on all my pages. What changes do I need to make?

    Thanks in advance for any help, Gabe

    whaleheartproductions.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter gabevanlelyveld

    (@gabevanlelyveld)

    I’ve been doing some more reading and it seems like a number of people copy some or all of their parent theme style sheet into their child theme and then alter it there to overwrite. Is this a good idea?

    The section of my parent theme css that seems like it might contain the code that controls this issue looks like this:

    body { background:#fff; font-size: 12px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color:#888; }

    #wrapper { width:980px; background:#fff; margin:0 auto; }
    .inner { width:900px; margin:0 auto; }
    #header, #main, #footer { margin:0 auto; width:100%; }

    a { color:#d16f4e; text-decoration:none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
    a:hover { color:#444; }
    a:active{ outline: none; }
    a:focus{ outline: none; -moz-outline-style: none; }

    p { display: block; margin-bottom:20px; }
    strong { font-weight:bold; }
    input, textarea { font-family: Arial, ‘Helvetica Neue’, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    ::selection { background:#d16f4e; color:#fff; }

    .clear { clear: both; display: block; height: 0; width: 100%; }

    img { max-width: 100%; display: block; height: auto; }

    Thanks, Gabe

    The best way to find the CSS for your theme/site is by using a browser tool like Firebug – https://getfirebug.com.

    Try this in your child theme style.css:

    .tagline h1 {
   display: none;
}

    If you only want that removed on the home page, use this:

    .home .tagline h1 {
   display: none;
}

    Just noticed that we discussed this a while back?

    https://www.ads-software.com/support/topic/need-plugin-to-hide-page-title-and-page-title-area?replies=4

    Is this a different question or ??

    Thread Starter gabevanlelyveld

    (@gabevanlelyveld)

    WPyogi,

    Thanks again for coming to my rescue. It is different insofar as I’m not satisfied with the title being gone but the space and divider line remaining. I’d like to find a way to hide or remove both, if possible.

    Currently, I have my child theme activated with the code you recommended above added to the CSS and the title does not appear. If you have any further advice I’d appreciate it.

    Best, Gabe

    whaleheartproductions.com

    Thread Starter gabevanlelyveld

    (@gabevanlelyveld)

    P.S. Maybe this is helpful. I installed Firebug, inspected the offending area and this bit of code was highlighted.

    <div class=”tagline inner”>

    Thoughts?

    Try this:

    #main .inner {
    padding-top: 0;
}
.tagline {
    border-bottom: none;
    padding-top: 0;
}

    Thread Starter gabevanlelyveld

    (@gabevanlelyveld)

    Yes, that did it! Thanks so much. I had almost given up on that one.

    For anyone else with the same problem, here’s a recap of what worked.

    1. Make child theme with it’s own CSS that refers to the parent CSS (search the forums, you’ll find it)
    2. Activate the child theme.
    3. Add the following to the CSS in WP>Appearance>Edit CSS:

    .tagline h1 {
    display: none;
    }
    #main .inner {
    padding-top: 0;
    }
    .tagline {
    border-bottom: none;
    padding-top: 0;
    }

    This removed the page title, tagline as well as the space where the two lived. My site if you want to see what it looks like: whaleheartproductions.com

    Thanks again, Gabe

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘remove page title sitewide using child theme’ is closed to new replies.