I would really appreciate any help I can get. I need help placing my pets minion in the middle of the camera lens, and also placing the pet spotlight achievement box where the flash of the camera is. Does anyone know how I can do that for my pet? My pet is Urbane.

You should probably start with removing the pet_minion selector from your "display: none" line. Other than that, your code for the pet minion look solid and you just need to nudge it a bit more (top 450px and left 255px should do it, I think). Same for your pet spotlight area =)

Ping me if that wasn't clear, I'm not sure if I'm explaining it correctly x)

Thank you so much! I was able to do the minion, but I wasn't able to do the pet spotlight. I removed both like you said, but for some reason I am not able to see the pet spotlight thing (my pet hasn't won the pet spotlight, so there is no trophy, it's just that if she ever does win, I want the trophy to be seen where the flash is on the camera).

if you want to position the "nominate pet for spotlight" link/trophy spot, you need to mark the pet as spotlight-ready and then view the pet profile while logged-out on a different browser. it's a little silly, but the nomination link is hidden from the pet owner until the pet has been nominated (i think? i had one that was nominated and then chickened out and set her as "not ready," so i can't check to be sure, haha)

yep, the nomination link is not visible to the owner, so you need to check the page in a different browser where you're not logged in, or an incognito window, or whatever, in order to make sure it is positioned correctly. when the pet has been nominated, you are able to see the "this pet has been nominated for the pet spotlight!" text.

thanks for confirming that! i was worried i was wrong about being able to see "this pet has been nominated" while logged in o:

yeah i've currently got three pets in the queue so i can definitely confirm that's the case.

I think and answered your question pretty well before I could ;) Though you might want to keep in mind that the flash-area is not very big and that you might have to resize the trophy-image if your pet ever ends up winning the spotlight.

You could always just tweak the opacity on the pet spotlight section in the case that the pet does win the spotlight someday. If it's, say, 0.3 or 0.4 opacity, it's not terribly intrusive but still present. Or you could find a way to remove the trophy-image but still have the text display? There's a lot of options.

Thank you so much , , and ! I appreciate it!

Does the pet spotlight link look good when you guys see the profile? If so, I can finally say I'm done with my pet after all this time, lol.

Edit:

, I will definitely try your suggestion if my pet ends up winning the pet spotlight! Thank you as well! I appreciate everyone's help!

yup, the spotlight link is in the perfect spot!

Okay great! Thank you again! XD

It's looking fab! My neurotic side, however, is insisting you nudge the spotlight block up 6 pixels, so that it's perfectly centred. You are however in no way obliged to listen to my neuroticism!

she looks great! i'd put her pet like button over the camera's button, but that's just me 8) also, i think i'm being oblivious but i gotta know - where'd you put her overlay?

Thank you! I moved it up 6 pixels! Thank you for letting me know, I like it much better now as well. XD

Thank you! :D How do I do that? I can't seem to find that in the code. I don't have her overlay on the profile, do you think I should add it in?

if you don't have one up (# pet_image), you're going to have to add it in. a pet overlay is required by spotlight rules o: "We want visual representation of your pet, this is Subeta’s “Pet” spotlight after all. You can do this either using the official pet image or your custom overlay, or by using an image elsewhere on the page. If your “pet” is a human character or anything else disallowed by the Custom Pet Overlay rules, that’s fine! But you must still include a Subeta pet representation on the pet page." (spotlight page)

[edit] and you can move the like heart by moving around .pet_like!

I added the pet image in, but I don't know if it looks okay where I put it. Unfortunately, I don't know any of the codes where you can hover over something for it to show the pet image.

Also, the code doesn't contain a .pet_like anywhere! I can't seem to find what I have to move about to get it where the camera button is.

{opacity:0px} :hover{opacity:1px;}should do the trick? you could position it over her art, i think that's the most logical place to look for her overlay.

as for .pet_like, you can just add that in and position it like any other element! it's usually grouped with column_2 (image, pet name, owner, etc), so when you move the rest of the pieces around, it's left floating off by itself (where what's left of "column_2" goes, i guess?) .pet_like{position:absolute; left:??; top:??;}

I think I'm code stupid, since I wasn't able to do either of the two.. When I changed what column_2 said, it changed the position of both the pet spotlight as well as the pet like button. When I added in the code for the pet like, it only moved it slightly and didn't let it budge any further.

I wasn't able to do the hovering effect either, so I'm thinking I'm definitely doing something wrong, I just don't know what.

Could you post the code you used for the like? And in regards to the hover-effect, I'm afraid made a typo in their { opacity: 0; } :hover { opacity: 1; }Opacity-values should be noted without a unit.