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

XF 1.4 Remove this space!?

Discussion in 'Styling and Customization Questions' started by Heavy, May 3, 2015.

  1. Heavy

    Heavy Active Member

    Hi there, i'm converting a vb style to xenforo. And now im stuck..

    There's a space between the category and my custom row as you can see on the image.

    [​IMG]

    So my question is, how do i fix this?

    My forum link: CLICK HERE!

    Thank you.
     
  2. Demon

    Demon Active Member

    Try this:
    Code:
    .nodeList .categoryStrip {
        font-size: 11px;
        color: #FFF;
        background-image: url("https://forum.ragezone.com/images/styles/Code/style/tcatBG.png");
        background-repeat: repeat-x;
        background-position: left top;
        padding: 5px 10px;
        margin: 0px;
        border-radius: 5px;
        min-height: 6px;
    }
    
     
  3. Heavy

    Heavy Active Member

    It did not work. :(
     
  4. Demon

    Demon Active Member

    Try
    Code:
    .nodeList .categoryStrip {
        font-size: 11px;
        color: #FFF;
        background-image: url("https://forum.ragezone.com/images/styles/Code/style/tcatBG.png");
        background-repeat: repeat-x;
        background-position: left top;
        height: 30px;
        padding: 5px 10px;
        margin: 0px;
        border-radius: 5px;
        min-height: 6px;
    }
    
    If it doesn't work try: height: 30px !important;
     
  5. Heavy

    Heavy Active Member

    Nope, i tried both, not working :(
     
  6. Demon

    Demon Active Member

    That's odd, it worked for me. @Brogan, @Maru or @Dylan V might be able to help, then.
     
  7. Heavy

    Heavy Active Member

    Can you login in to my forum and test yourself? Maybe i did something wrong which i dont think i did. Im 99% sure about that :p
     
  8. cclaerhout

    cclaerhout Well-Known Member

    .nodeList .categoryStrip
    => for the border radius: 5px 5px 0 0;
    => for the height: auto (or delete the property)

    .customRow
    => do not set the width of 100% (you can put it on auto if needed)

    To test it, just add this in your extra template:
    Code:
    html .nodeList .categoryStrip {
       height: auto;
       border-radius: 5px 5px 0 0;
    }
    
    html .nodeList .customRow {
       width: auto;
    }
    
    In your original code, you should also modify ".customRow {", to ".nodeList .customRow", this would prevent possible conflicts.
     
    Heavy and Demon like this.
  9. Demon

    Demon Active Member

    That works. I worked out that the custom row caused it, but you posted the solution first +1
     
    Heavy likes this.
  10. Heavy

    Heavy Active Member

    Thank you guys for the awesome help :)
     

Share This Page