I was trying to use this:
(position: absolute; left:100px; top: 100px}
but it kept rearranging the way everything was laid out.
is there a different way to move the info block in one piece without the pet's photo?
Yep! If you need, I can go in a list all of the classes for you (but in an hour cause im on mobile) But this is what I do: right click on what you wanna move, "inspect" (should be the last one), then something comes up that tells you the or the .class, you can use position absolute on these instead.
Sorry it took so long for me to answer!
A list of the classes would be amazing.
I did use "inspect" but it just gives me everything separately (color info, name, adoption & birthdates, etc.). I want to know if there is a way to move all of that text (without breaking it up), without moving the pet image. It seems that the pet_info tag also includes the image so whenever I use it, everything moves in ways I don't want it to.
I'm trying to keep the text centered, so when I move it all individually, it doesn't look quite right.
Can you tell me what you want specifically, maybe with an editted image? So i can go ahead and do the code?
you might want this?
ex - Shota Aizawa
<style>{position:relative; right:100px;}
{position:relative; left:200px;}</style>
I made a tutorial with an image that has some selectors labelled, that may help
https://i.imgur.com/pm3SMTQ.png
Tutorial is at https://bug.bz/tuts/basic-profile.php
hope this helps! sorry Im having trouble linking on mobile.
edit, oh nvm has a better pic, nice!! (still check out my tutorial though hehe)
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
i just wish i knew who made it! the thread it's in ([topic not found]) credits a broken username ;w;
(also uh, is there like. a main page/menu for your tutorials? i thought you did three but i can only find two o; )
some day i will slap a real home page on bug.bz :') if you go to bug.bz theres a few other links rn, im just dumping links there for now lol
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
here's the classes: h1 .pet_color_info span .pet_color_info span img .owner span .hover-user img .pet_age_info .pet_age_info_date .pet_wco_info .pet_wco_info_date .pet_like .pet_like .icon .pet_spotlight .pet_spotlight img
other things you can use: p br span
also on the note of positioning things, maybe try {position:Relative;} with something like {position:absolute;top:0;left:0;} for example. Like I said I'd have to know more or less what you want. If you only want to reorder the text and stuff you have to set the column as a table with display:table and the rest of the items can then be swapped in order (acending or decending)