Remove page title with CSS
-
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)
-
-
It’s this one:
http://greatpacificpetrochemical.com/I’m trying to remove the title “home” from that page.
Thanks!
-
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; } -
-
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.
-
-
-
-
How I Can Zoom in and change the character style for the title of style for title of my blog?
- The topic ‘Remove page title with CSS’ is closed to new replies.