Suppress page title
-
Is there any way to suppress page title on the home page panels? I have some panels where I don’t want the title to show.
Also, is there any way to alter the font size for particular page titles or to suppress the page title for specific pages?
thanks!
The blog I need help with is: (visible only to logged in users)
-
Is it just the home page you want to avoid the title? If so – you can change it by going to Themes – “Customize”.
Select “Theme Options”
De-select “Front page: Show title”If you want to remove it for all pages, then this seems to be the right CSS code:
.page-title {
display: none;
}To suppress the page title on individual pages, an easy solution is to download a plug-in called “Hide Title” – on each page or post, you have the option to “Hide title on singular page views” – selecting this will hide the title from this particular page/ post, not the entire site.
I can only see this “Hide title” option in wp-admin view, so you’ll have to go to kurliane.com/wp-admin, then navigate to the pages where you want the titles hidden, find the option in the right-size menu, and then Update.
Do either of those options fit what you want to do?
-
I want to hide the title on a couple of the panels on the home page, but not all. And a few pages but not many. I’d prefer some CSS that I could use for each page / panel as there are so many rather than using a plug in – is there something that would work?
Also, is there any CSS to alter the font size for particular page titles?
-
I haven’t found a way to do font size yet… but try this link for css for hiding specific pages – if it’s not too many, then this doesn’t seem too overwhelming (you have to list individual pages) –
https://wpsites.net/web-design/hide-page-titles-from-displaying/
-
Ah, @rajnikur: changing page titles:
}
.postid-123 .entry-title {
font-size: 2.75rem;
}Where .postid-123 is the page or post ID ( found in the shortcode/ Inspect of the sites – also what you’d need with the link I posted above); and 2.75 changes to whatever number looks good.
For more than one page, you still have to list them individually with this code, but it would look like this for two pages, and the pattern works for more:
.postid-123 .entry-title .postid-001 .entry-title {
font-size: 2.75rem;
} -
*Oops – ignore the first } in the copied code. It should just be:
.postid-123 .entry-title {
font-size: 2.75rem;
} -
When we need Staff help with issues Volunteers cannot resolve like this one we type modlook into the sidebar tags on our forum threads. I did that for you. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Then we subscribe to this thread so we are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
-
P.S. As this thread is already in the CSS customization Forum Staff do provide support in this forum there is no need for the modlook tag so I removed it.
-
P.P.S. Sorry but I just realized that your site is private and neither juliannekb or I know which theme you are using, and all CSS editing is theme specific editing so I put the modlook tag in the sidebar again..
-
@timethief – thanks. In another request, @rajnikur mentioned the 2017 theme – assuming it’s the same theme as the earlier forum request, if that helps you help us out, we appreciate it. :)
-
@juliannekb
Hi again,Sorry but I don’t provide any CSS editing help. I have spent 11 years focusing on providing support for the most commonly asked questions on the support (not css forums), so I will leave the modlook tag up, and it will be up to rajnikur to type the name of the theme in use into the sidebar tags.
-
@rajnikur, each panel on the front page has a unique CSS id (panel1, panel2, panel3, panel4. I’ll use your Join Our Community panel as an example here (which is panel2). You can use that as a guide for creating others.
#panel2 .entry-header { display: none; }If you wish to hide the titles from all panels on the front page, then the following would be what you would use.
.twentyseventeen-panel .entry-header { display: none; } -
For the font size, yes, we can do similar to the above and target specific titles on panels. The first panel, with the title of Welcome, is a bit different as that is the page content and not an actual panel. This would be the CSS to adjust the size of that title.
#post-63695 .entry-header .entry-title { font-size: 120%; }With the other four panels below, the CSS would look like this (again with panel 2 as an example).
#panel2 .entry-header .entry-title { font-size: 120%; } -
Hi, thanks @juliannekb and @thesacredpath, the code to supress the title for specific pages worked fine, but the below code to resize the title did not. Is there something else that might work?
.postid-123 .entry-title {
font-size: 2.75rem;
}The theme is twenty seventeen.
Thanks so much!!
-
-
-
- The topic ‘Suppress page title’ is closed to new replies.
WordPress.com Forums 