• Resolved rrsales2014

    (@rrsales2014)


    I want to remove the header title from only certain pages. If I use this css

    .page-header {
    display: none;
    }

    It used to remove the page header for the whole site but now it does nothing.

    Thanks for your help

Viewing 15 replies - 1 through 15 (of 18 total)
  • hannah

    (@hannahritner)

    You would just need to add your page id into the code. You can find the page-ID in the url on your edit page. Look for post= and the number to the right is your page id.
    The code would look something like this:

    .page-id-168 .page-header {
    display: none;
    }

    Hope that helps!
    Hannah

    Thread Starter rrsales2014

    (@rrsales2014)

    Hi Hannah,

    Thanks for the reply. I did as you suggested however no change. This is the page where we want to remove the header.

    https://naturalcoasters.com/about-us

    Please advise.

    Thread Starter rrsales2014

    (@rrsales2014)

    Well the name says it all.. But your work ethic says even more. It did not take me long Hannah before I came the conclusion that you love Jesus. I can see him in how you help people and your upbeat attitude. So i did a search on your name and sure enough I was right… Your my sister in Christ. Glad to me you Hannah! I was thinking of adding you as a friend on Facebook if you don’t mind.

    Joseph,

    hannah

    (@hannahritner)

    Hey rrsales2014,
    Try this:

    .page-id-195 .page-header {
    display: none;
    }

    You may then want to add some padding:

    .page-id-195 .col-md-12 {
    padding-top: 20px;
    }

    Thanks for the kind words! It’s encouraging to know that it shows in everyday life:)

    Hannah

    Thread Starter rrsales2014

    (@rrsales2014)

    I encourage you and you challenged me. ?? Thanks (everyday life)

    Still not removing the title.. Strange don’t you think.

    hannah

    (@hannahritner)

    Strange. The top padding worked so something must be blocking the header from disappearing. Do you have any css that could be affecting it? You could also try changing it to this:

    .page-id-195 .page-header {
    display: none !important;
    }

    On lines 68 and 70 of your child theme’s stylesheet (following the lines .widget-inner h3 { font-size: 17px; } and .kad-sidebar { width: 25%; }), you have some extraneous ending brackets that are causing some parsing errors. Removing those should fix your issue.

    Thread Starter rrsales2014

    (@rrsales2014)

    I took your advise however it still staring me right in the face like a bad cold that won’t go away…

    @hannah thanks, was looking for it too.

    Vera Sidika

    You misspelled “important”. Also, you’ve still got errors on lines 68 and 70. This is how the lines should look:

    .widget-inner h3 { font-size: 17px; }
    .kad-sidebar { width: 25%; }
    .page-id-195 .page-header {
    display: none !important;
    }
    Thread Starter rrsales2014

    (@rrsales2014)

    Resolved! Thanks everyone for your help…

    Great! This also removed my page title that I had created via PageBuilder.
    Anybody has an idea how to make the space thinner where the title used to display (in my case between the site logo and the image slider).
    Thanks in advance.

    hannah

    (@hannahritner)

    Hey saksaksak, can you post a link?

    Hello hannah, thank you or your kind reply. The link is. https://universiti an.com/mainpage-2/
    thanks in advance.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Remove Page Header Title But Not Globally’ is closed to new replies.