Pet profile, need help with pet image and scroll

Hi!

So this is Cocktale They're someone I'm working on at the moment but I can't figure out how to get the pet image to load.. I have a custom overlay but I can't even get that right either... Custom overlay is https://i.imgur.com/0ZXm9z7.png

The coding is under the cut if you want to have a gander at it. I commissioned a user a loong time ago to write a basic code for me so I can tweak and mess with, there are some issues with the code though. I've managed to get it all to do what I want (so far) but I can't fathom the pet image..

Help??

Also.. I'd ideally like to "remove" the scroll bar, or make it invisible but still scrollable, I can't figure out what to do that either.

code


<style type="text/css">
, , , , , , , -ban, -ban-main, -lrc, -rrc ,  , ,  {display:none;}
, -right, , , , , h2,  br+a {display:none;}
.owner, , .pet_age_info_date, .pet_wco_info_date {display:none;}
, , body, , ,  {background-color:transparent;}
 {display:none;}

body {position:fixed; 
background-image: url(https://i.imgur.com/8otNHjq.png); 
background-width: 1920px; background-height: 1080px;
background-color: ;
background-repeat: no-repeat;
}

/*BOX CLASS*/
.box {
background-color: #; 
border-radius: 35px; -moz-border-radius: 35px; border: 0px solid ;
}

/*PET TREASURE*/
 {
position:fixed; 
top: 400px; left: 700px; height: 64px; width: 64px;}

 {
position:fixed;
top: 545px; left: 700x; height: 62px; width: 62px; 
overflow: hidden; opacity: .5;
-webkit-filter: grayscale(100%);
transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
}

:hover {
overflow-y:auto; opacity: 1;
-webkit-filter: grayscale(0%);
}

/*PETINFO*/
/*moves pet name*/
.pet_name{position:absolute;left:280px;top:330px;
font: 8pt calibri;
color: ;
}



/*moves species/color text*/

.pet_color_info{position:absolute;left:280px;top:342px;
font: 8pt calibri;
color: ;
}

/*moves owner text*/

.owner{position:absolute;left:320px;top:330px;
font: 8pt calibri;
color: ;
}

/*moves birth date*/

.pet_age_info_date{position:absolute;left:320px;top:366px;
font: 8pt calibri;
color: ;
}

/*Moves adoption date*/

.pet_wco_info_date{position:absolute;left:-280px;top:408px;
font: 8pt calibri;
color: ;
}

.pet_spotlight {position: absolute;top: 430px;left: 280px;
font: 8pt calibri;
color: ;
}

/*TEXTBOX*/ 
 {
position:fixed;
top: 100px; left: 310px; height: 255px; width: 452px;}

{
position:fixed;
top: 280px; left: 310px; height: 230px; width: 310px!important; 
overflow: hidden; opacity: .25;
margin-right:10px;
text-color: ;
opacity:.25;
transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
}

:hover {
overflow-y:auto; opacity: 1;
}

     {background-image: url(https://i.imgur.com/XvDOXho.jpg); width: 200px; height: 200px;}


/*PET INFO*/
 {
position:absolute;
top: 200px; left: 125px;
}



</style>







[font=calibri]

[/font]


<style></style>
<style type=text/css>


TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT
</style type=text/css>

Logged Out

Pet profile, need help with pet image and scroll

Replies