Remove page title with CSS

• 

  jackshaoxixu · Member · Dec 22, 2011 at 9:35 pm

  • Copy link
  • Add topic to favorites

  How can I remove the page title from my home page using CSS?

  I’ve tried:

  h2 { display: none; }
  #post-41 h2 { display: none; }
  #page-41 h2 { display: none; }

  My home page is a static page that has the blog page as its parent page.

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

• 

  designsimply · Member · Dec 22, 2011 at 9:36 pm

  • Copy link

  Could you verify your blog URL? Is it the one linked to your name? http://xushaoxi.com/

• 

  jackshaoxixu · Member · Dec 22, 2011 at 9:39 pm

  • Copy link

  It’s this one:
  http://greatpacificpetrochemical.com/

  I’m trying to remove the title “home” from that page.

  Thanks!

• 

  designsimply · Member · Dec 22, 2011 at 9:46 pm

  • Copy link

  You need to use CSS specific to your theme. You can find out what classes to use by looking at the page source code. For example, you’ve tried using #page-41, but your theme has a class (not ID) of “page-id-41” and so you would need to use .page-id-41 intstead of #page-41.

  Try this:

  .page-id-41 h1.pagetitle {
      display: none;
  }

• 

  jackshaoxixu · Member · Dec 22, 2011 at 9:51 pm

  • Copy link

  That works! Thank you.

  How can I find the “page source code?”

• 

  designsimply · Member · Dec 22, 2011 at 9:55 pm

  • Copy link

  Each browser may be a little different. In Firefox, it’s under Tools → Web Developer → Page Source. Other browsers are probably similar, but look around in the menus.

  Also, plugins like Firebug for Firefox or the web inspector for Chrome and Safari let you right-click on elements on the page and see the html and what existing CSS applies to the elements as you highlight them which is really really handy for working with CSS.

• 

  designsimply · Member · Dec 22, 2011 at 9:56 pm

  • Copy link

  Yay! I love when people get into learning about CSS and new tools. :)

• 

  jackshaoxixu · Member · Dec 22, 2011 at 9:59 pm

  • Copy link

  Cool! Thank you!

• 

  designsimply · Member · Dec 22, 2011 at 10:00 pm

  • Copy link

  You’re welcome! Cheers @xushaoxi

• 

  urukspace · Member · Dec 23, 2011 at 7:20 pm

  • Copy link

  How I Can Zoom in and change the character style for the title of style for title of my blog?