How do I actually alter the word "Legacy Name" on my pet pages? I know they provided ".legacy-name" to start with, but the changes I make seem to mostly only affect the actual name portion of that line.

What I mean is:

When I use the .legacy-name code it affects PetName, I want to know how to mess with Legacy Name such as resizing the text or changing color. I hope that makes sense.

Tried looking around a bit but didn't see anyone ask yet. Thanks in advance.

This is possible. What you'll need to do is make the specifications to .legacy-name in general, but then modify .legacy-name b to make it look regular (or however you want it to look). For example:

<style> .legacy-name {font-weight: bold; font-style: italic; font-size: 20px; color: ;} .legacy-name b {font-style: normal; font-size: 12px;} </style>

Whatever you specified in .legacy-name, you'd want to respecify in .legacy-name b with different parameters, unless you wanted them to be the same. For example, I did not specify color in the coding above, but since the .legacy-name is white (), the .legacy-name b will also be white.

thank you! this helped me out.

to anyone else who reads this if it doesn't work for you, put !important before the semicolons of the parts you want to try to override anything else interfering in your coding such as this:

<style> .legacy-name {font-weight: bold; font-style: italic; font-size: 20px!important; color: !important;} .legacy-name b {font-style: normal; font-size: 12px!important;} </style>

ooh that's a good point. Sometimes when I'm coding seems like everything has to be important to work. XD

Thanks for the coding !Important helped to change color of "Legacy Name". I still can't seem to move it vertically even with adding !important. Left works just fine even without. Do either you have idea how to get this to work.

.legacy-name {position:absolute!important; top; 75px!Important; left:735px; color: !important;} .legacy-name:hover{color:!Important;}

I'm working with https://subeta.net/pets/rove currently then will fix rest of my pets as I go if it helps.

I believe it's just because you have a semi-colon after "top" where a colon should be. :)

- haha Thanks. I even copied pasted it, so not sure how the part I copied from is working. I really need to make my text bigger when I do coding.

so glad someone else had this problem and it wasn't just me haha. I've been fighting my code for like an hour XD but !important works! Thank you!

Slapped on the !important on the color and it worked. Thank you, I was going crazy trying to figure it out XD