Replies

Feb 3, 2021 5 years ago
Star Captain
Sayuri
User Avatar

Have been looking around other threads and even used 'Inspect Element' on other profiles, but I just can't seem to understand how to put custom pet buttons in my user profile code.

Would greatly appreaciate some help with this 😓

Feb 3, 2021 5 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

you'd just want to remove the default pets section, create a new blank section and embed the images, then make each image a link to their respective pets. i'm not sure if images are set to block instead of inline by default on user profiles, but you could also add a custom class if needed and then use CSS to define that class as display: inline. so basically, your blank section would look like this:

with that code repeated and the URLs swapped out for each pet's profile link and button image. each time you want the buttons to start on a new line, add a
(so if you want, say, 5 buttons per row, you'd have the button code 5 times, then a
, then 5 more buttons, then another
, etc).

then in your profile CSS you'd add a line that looks like this:

.button {display: inline-block}

let me know if that all makes sense or if i can explain anything further. hope that helps!

Feb 3, 2021 5 years ago
Star Captain
Sayuri
User Avatar

That works perfectly (and it was so simple too... 😓)! Thank you! 😄

(solved! ~ mods can lock)

Please log in to reply to this topic.