• 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!?

Heavy

Active member
#1
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

Active member
#2
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:
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;
}
 

Heavy

Active member
#3
It did not work. :(
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;
}
 

Deceptive

Active member
#4
It did not work. :(
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;
 

Heavy

Active member
#5
Nope, i tried both, not working :(
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;
 

cclaerhout

Well-known member
#8
.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.
 

Deceptive

Active member
#9
.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.
That works. I worked out that the custom row caused it, but you posted the solution first +1