Support » Theme: WP FanZone » Hiding page titles with CSS not working

  • Hi there,

    I’m trying to hide the page titles of pages with CSS but nothing seems to work after following various tutorials online, some of the CSS I’ve tried entering are:

    .entry-content h1 {
    display: none;
    }
    h1.entry-title {
    display: none;
    }
    h1.entry-title {
    display: none; !important
    }

    I also tried replacing “entry-title” with “page-heading” for all these tests as that’s what comes up on the “view page source” for the heading itself.

    I’ve also tried page specific CSS such as:

    .post-123 .entry-title display: none;

    and also with page-heading again:

    .post-123 .page-heading display: none;

    and both of these with !important. Nothing seems to work!

    I’ve been putting the CSS into styles.css, but have also experimented with putting it into: functions.php, page.php, and content-page.php out of desperation, but nothing happens with all of them!

    I’m using the latest version of wordpress and the latest version of WP Fanzone. Unfortunately the website is only on my localhost at the moment so I can’t link it.

    Lastly I don’t want to use the “Hide title” plugin as this causes other problems for the website.

    Thanks in advance for any of your help!

    • This topic was modified 2 years, 2 months ago by  ipfwatch.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Can you paste your URL here?

    its on localhost I’m afraid so can’t :/

    I managed to resolve this issue.

    For anyone coming across this forum with a similar issue, this is what I did:

    I realized that the page template was from one called “full-width-page.php” because I installed a plugin called “Fullwidth page templates” to create pages that stretch the full width of the page and ignore sidebars.

    So in the Appearence > Editor > full-width-page.php file I hit Ctrl+F and searched for “page-heading” and deleted the CSS around it. I knew to search for this because if I opened up the page in question and right-clicked and then clicked “view page source,” it showed that the title that appears at the top of the page was called “page-heading.”

    After removing that it then removed all the titles for all pages with the full with template that I used the plugin on.

    Hope that helps someone in the future as this took ages to resolve lmao.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hiding page titles with CSS not working’ is closed to new replies.