Is there any way to increase the height of this table on your user lookup?

[Duskitty]

Ever since they added the extra Neopet slot, there's been this scrolly thing with arrows you can click to scroll through a user's pets on their lookup. Like this:

Unfortunately, it hides the pets' level, and you need to go to the pet's lookup to see what their level is. It's a minor pet peeve of mine, but I'm curious: is there any way to (via the user lookup description editor) increase the height of the table containing your pets so you can display their levels on your lookup? I've been playing around with it, but my knowledge of CSS/HTML is lacking.

This appears to be the case on every lookup, including the default one. I'm on Chrome, if that means anything.

I'll post the code I'm using for my lookup below in case it helps anyone:

<style>

.brand-mamabar {
    display: none;
}
#header, #footer, #userneohome {
    display: none;
}
#habitarium {
    display: none;
}
#ban {
    visibility: hidden;
}
body {
    background-color: #F073AE;
}
#main {
    border-right: 5px solid #FF99CC;
    border-left: 5px solid #FF99CC;
    width: 800px;
}
#content {
    width: 790px;
}
#cib td {
    padding: 10px;
    width: 320px;
}
#cib table {
    width: 650px;
}
#wish {
    text-align: center;
}
.medText, body, table, td, tr {
    font-size: 8pt;
    line-height: 13pt;
}
.contentModule, .contentModuleTable {
    border: none;
}
.contentModuleHeader, .contentModuleHeaderAlt, h1 {
    color: #FF99CC;
    background-color: #FFF;
    font-family: georgia;
    font-size: 20px;
    padding: 0px;
    padding-left: 20px;
    border-bottom: #359EFF 1px solid;
    text-transform: lowercase;
    line-height: 25px;
    font-weight: normal;
}
b {
    color: #F073AE;
}
i {
    font-style: normal;
    font-weight: bold;
    color: #359EFF;
}
a:link, a:active, a:visited {
    font-size: 8pt;
    line-height: 13pt;
    color: #ff8cd8;
}
a:hover {
    color: #e26cba;
}
</style><img src="//images.weserv.nl/?url=http://i.imgur.com/JpDaFzO.gif"><div id="cib">
<table><tr><td valign="top">
<h1>heya!</h1>
i'm rory, i like pink things and xweetoks
<p>i collect xweetok items for my gallery! if you have a xweetok item and are looking for a buyer, send me an offer
</p></td>

</tr></table><p>
<br><a href="/myaccount.phtml">Account</a> | <a href="/customise/">Customize</a> | <a href="/games/arcade.phtml">Games</a> | <a href="/explore.phtml">Explore</a> | <a href="/nf.phtml">News</a> | <a href="/community/index.phtml">Community</a> | <a href="/objects.phtml">Shops</a> | <a href="/mall/shop.phtml?page=">NC Mall</a>
<br><br>
Lookup code created by <a href="/userlookup.phtml?user=cibola">cibola</a>.<br>
Get your own lookup <a href="/~Aecure">here</a>.
<br></p>
</div>

Side note: I also poked into the page's source code and found that the div containing your pets on your userlookup is in a class called "contentModuleContent medText". I tried messing with the .contentModule and .contentModuleTable section in the userlookup code, but had no luck with that.

[Mouseykins]

There used to be a specific code, so try this one.

#userneopets {
	height: 250px !important;
}

let me know if that works for you!

[balloongal247]

It doesn't look like the level is just cut off because the box is too small though.  So while you might be able to make the box bigger, I don't think it'll bring the level back.  It looks like TNT made a decision to change userlookups to not display the pet level, at the same time as they pushed the extra pet update.

[Duskitty]

6 hours ago, Mouseykins said:

There used to be a specific code, so try this one.

#userneopets {
	height: 250px !important;
}

let me know if that works for you!

Didn't seem to do much of anything. Where should I be putting it?

Edit: It seems to push their information down so now their age gets cut off as well, lol.

If I try messing with the size, e.g changing it to 275px, it does indeed increase the height but instead of showing the level, it just makes a chunk of whitespace below them.

6 hours ago, balloongal247 said:

It doesn't look like the level is just cut off because the box is too small though.  So while you might be able to make the box bigger, I don't think it'll bring the level back.  It looks like TNT made a decision to change userlookups to not display the pet level, at the same time as they pushed the extra pet update.

Nah, the level is there. It's just cut off.

You can see the very top of it underneath their ages.

[Mouseykins]

Ok so that means it's the content and not the container.

If you set the section to overflow auto it shows up but then so does a long list of your pets. I'll have to tinker with this as this is puzzling for me as well. Right now I'm out of ideas.

[hrtbrk]

Try adjusting this in your style tags!

#userneopets li a {
display: block;
margin-bottom: -2em;
Adjust the number depending on layout.
}

http://www.neopets.com/~ziys

[Duskitty]

3 hours ago, hrtbrk said:

Try adjusting this in your style tags!

#userneopets li a {
display: block;
margin-bottom: -2em;
Adjust the number depending on layout.
}

http://www.neopets.com/~ziys

I was playing around with the values (cus -2em wasn't working), tested it with -12em and it makes the box kinda scrunched up and smaller.

So it does move the info up, but along with it, the bottom of the box gets moved up, meaning the level is still covered.

Thank you for the link, though - I'm gonna play around with values some more and see if they do anything.

[Mouseykins]

Have you tried using positive values? Or just negative ones?

Negative values will decrease the size and positive values should increase the size.

[Duskitty]

8 hours ago, Mouseykins said:

Have you tried using positive values? Or just negative ones?

Negative values will decrease the size and positive values should increase the size.

I tried that; it just made a bigger chunk of whitespace below their images.

I guess TNT really doesn't want you seeing the level or something?

[Mouseykins]

I'll have to try playing around with this some more. I need to recode my lookup now thanks to the changes. I kinda wish they would have just made extra space instead of the darn scroll bar thing. Makes things so complicated imo.

[ambra5555]

Hi! This CSS works solo to change that height:

.bx-viewport {
	height: 250px !important;
}

But it conflicts with your current userlookup's code. I'm not sure what part conflicts, but I can try to find it if you want. Leaving your code as-is, add this CSS instead:

.bx-viewport {
	height: 274px !important;
}

The gist of it is that, for some reason, Neopets cuts that div ten pixels before it should. That element is added by JS, too, so finding out what exactly went wrong would make for a prettier way of fixing that height, but it would also be a pain because the related code is all minified and I hate one-letter variables. So right now, the way to go is find out the value of that element's height in your lookup, and then add CSS to change the height so it'll be 10px taller.

In simpler words, right now if you look at your lookup the bx-viewport div is 264px high, which is why you have to change it to 274px. In default lookups, the div is 240px tall and must be changed to 250px.

If anyone wants to go hunting for that prettier way to fix it, the culprit is the bxslider code.

[Duskitty]

7 hours ago, ambra5555 said:

-snip-

That worked for me! Thank you so much