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

XF 1.2 Breadcrumb box ignoring padding inside the main content div

Discussion in 'Styling and Customization Questions' started by Chi Bearhawks, Aug 7, 2013.

  1. Chi Bearhawks

    Chi Bearhawks Member

    I've seen on a lot of Xenforo forums a breadcrumb box that extends the entire width of the content box, ignoring all padding. I know how to replicate this with my own css, but the thing is that I see this on a LOT of forums, and they are all very different styles, so it's not like they're all using a customization that came with one specific style. is there some sort of option somewhere or a simple template edit that can do this?
     

    Attached Files:

  2. Brogan

    Brogan XenForo Moderator Staff Member

    The breadcrumbs are inside the pageContent div so the only way to do that is to remove the left and right margins from the pageContent div or move the breadcrumbs out of it.
     
  3. Chi Bearhawks

    Chi Bearhawks Member

    I see that, but all of these forums have the breadbox in the same place as the xenforo default skin:

    HTML:
        <div class="pageWidth">
            <div class="pageContent">
                            <div class="breadBoxTop">
    That's the source code showing the order that they have their div's in.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Can you link me to one?
     
  5. Chi Bearhawks

    Chi Bearhawks Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    Simple enough, they are using negative left and right margin.
     
    Chi Bearhawks likes this.
  7. Chi Bearhawks

    Chi Bearhawks Member

    *smacks head* Duh!

    Thank you for helping me figure that out.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    I always forget about negative margins...

    Such a simple solution most of the time.
     

Share This Page