Removing breadcrumbs on homepage

Luke B

Active member
Good morning to you all (or whatever time it is for you).

I have two basic question so I will get right to it.

1. How do I remove the breadcrumbs from just the home page? (preferably in the EXTRA template)

2. How do I change the color of the "page title" for just the home page.

Thank you much
 

Brogan

XenForo moderator
Staff member
Moved from template modifications to support.

For the breadcrumbs, add this to EXTRA.css
Code:
.forum_list .breadBoxTop {
display: none;
}

.forum_list .breadBoxBottom {
display: none;
}
For the forum list title, add this this EXTRA.css
Code:
.forum_list .titleBar {
color: #CC0000;
}
Change the colour to suit.
 

Luke B

Active member
Brogan
The breadcrumb fix worked beautifully.

I ran into a problem with the forum list title color. When I change the style properties of the "page title" for the rest of the pages, the forum list title also changes.
The goal is to have the list title be the color of the background but the rest of the pages a normal #333333 so people can read it. I would also like to change the size of the list title to 1px.
 

Brogan

XenForo moderator
Staff member
Try adding !important to the code above; e.g. color: #CC0000 !important;

Are you trying to remove it completely?
If so, just do display: none.
 

Luke B

Active member
I didn't want to remove it completely for SEO reasons.
!important didn't seem to work so I just removed the font style properties and placed this code in the EXTRA.css and it worked great.

Code:
.titleBar
{
    color: #333333;
    font-size: 14pt;
}

.forum_list .titleBar
{
    color: #F7F7F7;
    font-size: 1pt;
}
Thank you for the help Brogan!
 

kkm323

Well-known member
your thread actually make sense
you don't really need it in the home page :)
your site is keep getting better cleaner :cool:
 

Brogan

XenForo moderator
Staff member
I didn't want to remove it completely for SEO reasons.
!important didn't seem to work so I just removed the font style properties and placed this code in the EXTRA.css and it worked great.
Wouldn't you be better off using this?

Code:
.forum_list .titleBar h1 {
font-size: 0px;
}
The page still has an H1 element so it shouldn't affect SEO.

I'm not entirely sure doing display:none would affect it either, but then I pay very little attention to SEO so have no idea.
 

Luke B

Active member
your thread actually make sense
you don't really need it in the home page :)
your site is keep getting better cleaner :cool:
Thank you much :)

Wouldn't you be better off using this?

Code:
.forum_list .titleBar h1 {
font-size: 0px;
}
The page still has an H1 element so it shouldn't affect SEO.

I'm not entirely sure doing display:none would affect it either, but then I pay very little attention to SEO so have no idea.
That would be another option yes. In regards to SEO, I'm not sure if :none would be a problem or not. I figure I can use all the help I can get so I will just leave as is .Thank you again for the help on this Brogan.
 

Luke B

Active member
For the breadcrumbs, add this to EXTRA.css
Code:
.forum_list .breadBoxTop {
display: none;
}

.forum_list .breadBoxBottom {
display: none;
}
What would I use to remove the breadcrumbs form the user profile pages?
Thank you much
 

gldtn

Well-known member
What would I use to remove the breadcrumbs form the user profile pages?
Thank you much
This should do the trick:
Code:
.forum_list .breadBoxTop, .member_view .breadBoxTop {
display: none;
}

.forum_list .breadBoxBottom, .member_view .breadBoxBottom {
display: none;
}
Or if you want it removed from the member list as well:
Code:
.forum_list .breadBoxTop, .member_list .breadBoxTop, .member_view .breadBoxTop {
display: none;
}

.forum_list .breadBoxBottom, .member_list .breadBoxBottom, .member_view .breadBoxBottom {
display: none;
}
 

gldtn

Well-known member
Awesome! So much cleaner!
For some reason I couldn't remember .member_view

Thank you
I just took a peek at you board and you might want to add some padding to where you removed the breadcrumb from, so it's not cluttered:

Code:
#content.forum_list .pageContent, #content.member_list .pageContent, #content.member_view .pageContent {
padding-top: 20px !important;
}
 

kkm323

Well-known member
is there any affect on the SEO of my site, if I only make the breadcrumb appear in the footer and not the header?
 

Jake Bunce

XenForo moderator
Staff member
How do we remove the breadcrumbs from the recent activity page?
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.news_feed_page_global .breadBoxTop,
.news_feed_page_global .breadBoxBottom
{
	display: none;
}
 

Brentnauer

Well-known member
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.news_feed_page_global .breadBoxTop,
.news_feed_page_global .breadBoxBottom
{
display: none;
}
Just an off topic question now that the OP has been answered, but how in the hell do you know everything?
 

Jake Bunce

XenForo moderator
Staff member
Just an off topic question now that the OP has been answered, but how in the hell do you know everything?
A desire to learn combined with good problem-solving skills. Though I have been doing web sites for 15 years so that helps. It's my hobby.
 

Brentnauer

Well-known member
A desire to learn combined with good problem-solving skills. Though I have been doing web sites for 15 years so that helps. It's my hobby.
Well whatever the case, you're much appreciated and I wish we had more people like you around here.
 
Top