Pet profile lineup gone wrong!
Replies
Hi there,
I am having a huge issue with my pet profile Smitten.
I just cannot seem to line up the white boxes correctly while having the minion and pet image centered. Could anyone lend some assistance? I'm really trying to learn how to do this but I keep messing up it seems. Any help would be wonderful.
<3 I hope your day/night is going amazing.
Yes! That's perfect! For some reason I just can't seem to get it centered. :D
try replacing the code between your style tags with this instead:
code
, , , , , , , , , , .prototip, -ban, -ban-main, -lrc, -rrc, -right, , h2, .bookmark, .hustler, .pet_age_info_date, .pet_wco_info_date, , , {display:none}
, {background-color:transparent!important; height:auto!important}
, , {margin:0!important; border:0}
*{margin:0; padding:0}
.notice {background:none; border:0}
.container-fluid {margin:0px}
html {margin:auto!important; width:100%; height:100%} body {margin:0 auto; height:auto; width:350px}
::-webkit-scrollbar {width: 10px} ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px}
::-webkit-scrollbar-thumb { border-radius: 10px; height: 8px; width: 8px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)} ::-webkit-scrollbar-track-piece {height: 30px}
{position:relative; left:-80px; padding:0} .pet_color_info, .owner, .pet_like {position:relative; top:-20px}
{position:relative; top:235px; width:350px; padding:0} ::first-line {font-size: 0;line-height: 0;}
{position:relative; top:80px; height:auto; width: 350px} it's just a matter of fiddling with the positioning of each div until they're exactly where you want them to be; i've also used a code that makes everything centered on the page no matter how wide or narrow you make it.
Thank you so much for the help! I was messing with the positioning of each div for HOURS and it was driving me nuts. I'm assuming this is the code makes everything centered on the page no matter how wide or narrow I make it? I was having a lot of trouble earlier with people who have smaller screens having issues seeing my pet profiles properly. I really hope this helps, because that was getting very frustrating.
yep, specifically this piece right here:
html {margin:auto!important; width:100%; height:100%}
body {margin:0 auto; height:auto; width:350px}matching the width number (in this case, 350) to the width of your widest div (in this case, the description). or you can make it wider and then match that width with the "content" div to give it a sort of vertical stripe behind everything, like on this profile.
I... am in love with this now. xD Thank you, so much, for all of your help! This is a pet profile life changer for me. Smittens profile looks beautiful again, yay!