• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Removing breadcrumbs on homepage

Luke B

Active member
#1
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
#2
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
#3
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
#4
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
#5
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!
 

Brogan

XenForo moderator
Staff member
#7
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
#8
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.
 

gldtn

Well-known member
#10
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
#12
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;
}
 

Brentnauer

Well-known member
#18
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?