Need a little help with minion overlay...

Okay, so I've finally figured out how to make the text "____ has a minion" and name and stuff to appear where I want it to. But now I have another issue and I just can't seem to solve it on my own.

This is the pet profile with the issue. You see the excess of yellow space above the minion? How do I make that smaller? I've messed around with padding and margin but it doesn't work. All I've managed to do is make the minion go further down, and make the background (behind the minion) become shorter but that made the text underneath the minion end up below that yellow background...

Anyway, this is the code I have for the minion section:

/MINION/


 {
position:absolute;
top:50px;
left:580px;
height:180px;
background: ;
border-radius: 10px 10px 10px 10px;
margin-top:-10px;}
 img {
visibility:hidden;
height: 100px;
width: 100px;}

{ background: url(https://i.imgur.com/ZPcuqxF.png) center center no-repeat; height:170px;}

What I'm looking to do is make it look similar to how the pet image and text area looks. With the background just reaching a few pixels outside of the minion and it's text (like maybe 5 pixels).

Logged Out

Need a little help with minion overlay...

Replies