How to delete page name on Featured image?

Hi @mhancock52,

Can you post a link to your site?

It’s not live yet. I am still discovering the process of taking WordPress live on a new site. It will be https://www.wantokwifi.com as soon as I figure it out.

I would like to remove the page name from the featured image on the (static) home screen, and place the paragraph text on the featured image instead.

If you’re using the “Panel Page Template”, content (including paragraphs) should automatically appear over the featured image, as can be seen in the demo:

https://shoreditchdemo.wordpress.com/

Please clarify:

1. Are you using the “Default Template” or the “Panel Page Template” for the static front page? (Check the page attributes)

2. If your site is using the “”Panel Page Template”, do you want to remove just the first title that appears over a featured image, or all titles that appear over featured images on that page. For example, would you also want to remove the “Responsive Design” title in the demo (scroll down):

https://shoreditchdemo.wordpress.com/

Thanks ??

Thanks – I finally did find the Panel Page Template option, selected, and the text now does appear in the Featured Image.

But I am still also seeing (in bold) the page name (“Home”). When I was in wordpress.com, I found an option to delete that, but I am now in WordPress on a hosted server, and no longer see the option. (It must be there somewhere…)

Here’s a link that may (?) work… https://wp.me/P8E2VK-4

Thanks for your patience with me on such basic stuff.

• This reply was modified 7 years, 10 months ago by mhancock52.

Please add the css below to your site via the customizer in Appearance > Customize > Additional css.

.page-template-panel-page .has-post-thumbnail .entry-header {
    display: none;
}

Please note: this css will remove the page title from all panels on the front page that contain a featured image.

If you plan on having multiple panels, would like titles on some sections but not others, then the css would need to be modified.

I tried it, but still see the page name in the image:

https://www.wantokwifi.com (now live)

Here is a cut/paste of the current CSS section:

/*
.site-header{
height: 75px;
}
.main-title{
font-size: 14px;
}
.page-template-panel-page .has-post-thumbnail .entry-header {
display: none;
}
*/

Any ideas?

The css is commented out in that snippet, which prevents it from being used.

Please try removing the /* at the top of the css and */ at the bottom.

(⊙﹏⊙)

Gary, all good and we’re finished here. Thanks very much.

You’re welcome ??