Breadcrumbs issue when replace Page Title with Banner Image

Hi All

We have several pages where we would like to replace the Page Title with a banner image that includes the page title for example: http://development.fourier.com.au/f2/product-services/onsite-remote-support/

but because we still have other pages which need to include the actual title of the page I don't want to use display: none;

I need help with the override css for this.. that is.. some pages only to not show the page title and the rest of the pages to still show it.

Thanks in advance
S

Hello,

I'm sorry but I don't understand, could you give me more details?
On this page, everything is ok?
http://development.fourier.com.au/f2/pr ... e-support/

This is a breadcrumb:
Home / Products & Services / Onsite & Remote Support

You want to hide breadcrumb or page title? or show the breadcrumb only on specific pages?

Sorry Piotr or not being clearer.

I want to hide the page title on SOME pages only. But when I do this the breadcrumbs don't work properly. eg if I hide the title of Onsite & Remote Support then the breadcrumb for the System Administration page appears as "Home // System Administration" instead of "Home / Onsite & Remote Support / System Administration".

so I want the breadcrumbs to appear on all pages as they should but I want this to happen on pages where the page title is hidden or removed because the image is replacing the page title.

Hope this makes sense.

S

OK, I think I understand now

You should use display: none, but only on these pages, e.g. for this page:
http://development.fourier.com.au/f2/pr ... e-support/

add this code into override.css file:

Code: Select all

.page-id-1165 #gk-mainbody article > header h1 {
   display: none;
}


In this case, the breadcrumb will be displayed properly and on this page (onsite remote support) page title will be hidden.

Thank you Piotr

You're awesome! once again.

S

Piotr

Do I need to write this code individually for each page it applies to or is there a way to include several page id's in the snippet?

Thanks
S

Hi, in css you have to do it individually for each page. If you are using e.g. template page, you can adjust code to hide the title for all pages which are using this template page. or e.g. if these pages are all child of some other page, then you can use these parent page id in css: .parent-pageid-1141