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

Removing breadcrumbs on homepage

Discussion in 'XenForo Questions and Support' started by Luke B, Sep 28, 2011.

  1. Luke B

    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
     
    Alex S and Digital Doctor like this.
  2. Brogan

    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.
     
    maszd, Dadparvar, Inkman and 4 others like this.
  3. Luke B

    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.
     
  4. Brogan

    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.
     
  5. Luke B

    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!
     
  6. kkm323

    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:
     
    Luke B likes this.
  7. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
  8. Luke B

    Luke B Active Member

    Thank you much :)

    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.
     
  9. Luke B

    Luke B Active Member

    What would I use to remove the breadcrumbs form the user profile pages?
    Thank you much
     
  10. gldtn

    gldtn Well-Known Member

    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;
    }
     
    oO5 Dynasty, ArnyVee and Luke B like this.
  11. Luke B

    Luke B Active Member

    Awesome! So much cleaner!
    For some reason I couldn't remember .member_view

    Thank you
     
  12. gldtn

    gldtn Well-Known Member

    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;
    }
     
    oO5 Dynasty, ArnyVee and Luke B like this.
  13. Digital Doctor

    Digital Doctor Well-Known Member

  14. Luke B

    Luke B Active Member

    Digital Doctor likes this.
  15. kkm323

    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?
     
    Luke B likes this.
  16. ArnyVee

    ArnyVee Well-Known Member

    How do we remove the breadcrumbs from the recent activity page?
     
  17. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this code:

    Code:
    .news_feed_page_global .breadBoxTop,
    .news_feed_page_global .breadBoxBottom
    {
    	display: none;
    }
    
     
    ArnyVee likes this.
  18. Brentnauer

    Brentnauer Well-Known Member

    Just an off topic question now that the OP has been answered, but how in the hell do you know everything?
     
  19. Jake Bunce

    Jake Bunce XenForo Moderator Staff 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.
     
    maszd likes this.
  20. Brentnauer

    Brentnauer Well-Known Member

    Well whatever the case, you're much appreciated and I wish we had more people like you around here.
     

Share This Page