Hiding Page Titles – Custom CSS not working

  • Unknown's avatar
    waltwould · Member ·

    Hello. I am trying to hide page titles on my blog, but the Custom CSS code solution that I found elsewhere on these forums isn’t working when plugged into my custom CSS module:

    h2.intro-title {
    display: none;
}

    Before this even happened, my theme (Academica) started acting wonky by center-justifying the page titles (which I do not want) without any change/input on my part. I don’t know why this happened, and I now want to just hide the page titles altogether.

    The blog I’m working on is cthistoryorg.wordpress.com. Any help would be greatly appreciated. Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    otpidusprime · Member ·

    Hello @waltwould,
    Your page titles are a part of the class .title-header, which are wrapped inside a parent class .column-title, so to hide the page titles, try this CSS code: 

    .column-title {
    display: none;
}

    Hope this helps 🙂

  • Unknown's avatar
    otpidusprime · Member ·

    I noticed that the .column-title class also contains your site’s breadcrumbs(directory navigation). So if you use the above code it will also hide those, if you do no want them to be hidden, use this CSS code to hide only the titles: 

    .title-header {
    display: none;
}
  • Unknown's avatar
    waltwould · Member ·

    Thank you so much for your prompt and helpful response!

    The code works perfectly, and you’ve also helped me understand a little more about how my theme operates. Thank you again!

  • Unknown's avatar
    otpidusprime · Member ·

    @waltwould glad i could help 😀

  • The topic ‘Hiding Page Titles – Custom CSS not working’ is closed to new replies.