XF 1.4 Remove this space!?

[Heavy]

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.

So my question is, how do i fix this?

My forum link: CLICK HERE!

Thank you.

 

[Deceptive]

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.

So my question is, how do i fix this?

My forum link: CLICK HERE!

Thank you.

Try this:

.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;
}

 

[Heavy]

It did not work.

Try this:

.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;
}

 

[Deceptive]

It did not work.

Try

.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;

 

[Heavy]

Nope, i tried both, not working

Try

.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;

 

[Deceptive]

Nope, i tried both, not working

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

 

[Heavy]

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

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

 

[cclaerhout]

.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:

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.

 

[Deceptive]

.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:

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.

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

 

[Heavy]

Thank you guys for the awesome help