Hi guys,
I tried already many css-codes to remove the single title in the single post page. Did not work …
Right now I have following lines in my CSS:
/* Remove Post Single Title Tag */
.single h1 { display: none !important;}
But I also tried other settings.
Thank you for your help in advance.
Birgit
Hi Birgit,
Could you please send me a public URL to said post? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
For reference, here’s my typical canned response for targeting a specific page.
On every WordPress page, you’ll find a unique ID class that will allow you to directly target that page and only that page. It’s always attached to the body of the page. Getting the classes of the body via our Custom CSS plugin can be quite tricky. Instead, let’s simplify it. Open up the page you would like to target. Then, if you’re in Chrome, Firefox or any other WebKit-based browsers, press CTRL + U. If you’re using Internet Explorer right click anywhere and select the “View Source Option”.
You’ll now see the markup of this page. Press CTRL + F and type in <body
There's also a couple of other useful classes attached to it and here's a quick rundown of what is attached to my local home page.
home
This class is only ever present when the current page is the homepage.
page
This tells you that the current page is a page. This is only present on actual pages (read: WordPress defined pages) and will be replaced with something else on non-pages. (example being single-post)
page-id-49
This is that unique ID I was talking about before. If you target this class it will ONLY affect this page.
logged-in
Only present if the user is logged in.
admin-bar
Only present if the admin bar is visible (remember, this can be disabled by the user)
siteorigin-panels
This is present when the page was built using SiteOrigin Page Builder.
—
Hopefully, this helps you. I would also recommend giving this article a read, How CSS Selectors Work.
Hi Alex,
thank you for your response. I have found the page-id … But your solution would mean that everytime, I make a post, I have to go to firefox and follow with this steps: “ctrl u”” than “ctrl f” than “<body" …
Is there any other solution? This is the url:
Greetings from Vienna,
Birgit
Hi Birgit,
Technically you can get the post id directly from the URL on the editing page.
For example:
And directly from the edit post URL.
If you can work out the post id you can easily presume it. For instance, I know my selector will include .page-id-408 for this page based on the URL you provided.
Does this make sense?
Hi Alex,
thank you, I can see it … But, I still don´t have any idea what to do to hide the post title. Please be so kind and tell me step by step … where to do what?
Thank you so much in advance!!!
Birgit
Hi Birgit,
Please reread my previous post and then come back to this comment. So, based on the ID worked out in the last post we’ll hide the post title using CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.postid-22193 .entry-title { display: none;}The id is the id we worked out in our previous post.
You might also need to install the SiteOrigin CSS Editor.
Hi Birgit,
For whatever reason, the CSS in my previous reply was omitted initially. For reference, the CSS is as follows:
.postid-22193 .entry-title { display: none; }