Showing breadcrumbs

[SupK]

Hi,

I’m trying to hide breadcrumbs on main page and show breadcrumbs on other pages. This ends to hide breadcrumbs on all the pages. How can I do this? I’m using the following css codes.

.entry-title { display: none; padding-top: 0; padding-bottom: 0; }
.x-header-landmark { background: #1172D3; padding: 12px 0px 13px; display: none; }
.x-landmark { width: auto; padding-right: 0; float: right; }
.x-breadcrumbs-wrap { width: auto; text-align: center; }
.x-breadcrumbs {font-size: 130%; }
.x-breadcrumbs a, .x-breadcrumbs span, .x-breadcrumbs .current { color: white; }
.x-landmark-breadcrumbs-wrap .x-landmark { display: none; }

[basanta]

HI There,

Thanks for writing in!

If you are talking about home page, I can see there is no breadcrumb in the page.
Please remove display:none from the CSS that you have written so that it would come on all pages.

Please clarify that main page is the home page.

Thanks

[SupK]

Hi Basanta,

Actually, I tried removing displya:none already. It didn’t make any difference. I don’t know what the problem is.

Thank you.

[paul.r]

Hi,

Please remove display:none; on this line of code.

.x-header-landmark { background: #1172D3; padding: 12px 0px 13px; display: none; }

Then add this code

.home .x-header-landmark { display:none; }

Hope that helps.

[SupK]

Hi Paul,

Thank you so much. It worked out. Let me ask you one more thing. There’s white space between masthead and x-header-landmark. How can I remove this?

[basanta]

Hi There,

Thanks for writing in!

Please add this CSS to remove the white border from the X-landmark!

.x-header-landmark {
border: none !important;
}

Hope this helps!