CODEWITHSUNDEEP
htmlcsswordpress
king
king

Reputation: 1344

How To Remove Wordpress Title From One Page?

I know this can be done with custom CSS, but I can't figure out the right way to do it.

I think I can figure it out for all of them if you show me how to do it with just the title.

For example, this is the element I want to remove: <h1 class="page-title entry-title">

I know that {display: none} is the CSS to hide an item, but how can I do it for only a specific page?

the website is: http://myinneryoga.com/strange-exotic-fruit-supplement/

Upvotes: 3

Views: 4473

Answers (4)

karthikeyan_somu
karthikeyan_somu

Reputation: 331

Instead of modifying CSS which will affect all pages we can make use of simple plugin. Below are the steps :

  1. Click on Plugins > Add New.

  2. Now search for Hide Title.

  3. Install and activate the plugin.

  4. Now click on Pages > All Pages.

  5. Now edit the particular page where you want to hide the title.

  6. Now, In the right panel you can see an option to Hide title. Check that and publish your changes.

enter image description here

Upvotes: 0

fedmich
fedmich

Reputation: 5381

Based on that page, the body has classes

 <body class="wordpress... singular-page singular-page-28 layout-1c"

28 is the page id of that page, so if you just want a CSS fix for this, you can use the code below

.singular-page-28 h1.page-title{
    display:none;
}

note, if you move the wordpress to another webhost, via export/import, you'll need to look at the page_id again if it changed

Upvotes: 3

Dexter Huinda
Dexter Huinda

Reputation: 1222

See this fiddle, if this is the way you want it.

http://jsfiddle.net/Qj4Us/

It simply looks for the targetted URL like "http://myinneryoga.com/strange-exotic-fruit-supplement/" and if found, hides the h1 with class=page-title

Upvotes: 1

Disruptive Art
Disruptive Art

Reputation: 308

Use h1.page-title { display: none; } to hide the title, this will affect ALL pages that use the same template.

If you want to do it specifically to this post use the following:

#post-28 h1.page-title { display: none; } the post number will lock it to that page only.

Upvotes: 5

Related Questions