Replies

Oct 16, 2018 7 years ago
Lisa
User Avatar

...and I can't figure out how to do four things. Not sure if I even can, but I'm pretty sure I can, if someone could just tell me how.

Thing : How can I make the font of the spotlight trophy smaller to match the rest?

Thing : How can I move the little heart that one would use to 'like' a pet? Right now it's under her picture/above the description, and I would like it to go under the pet spotlight section.

Thing : I would like her birth date/whatever other dates used to be under her name to be there - how?

Thing : Is there a way to change the font and color of just her name? I'd like just that font to be fancier, maybe some kind of script look. Barring a font change, would there be a way to cover her name with an image? I love doing word art.

Then I just have to figure out wtf I want to put in her description. She's my oldest pet and she's had several characters, but I would like to just go simpler this time and maybe not even have a full story. But anyways, at least I figured out most of the code, lol.

For Sale: Lots more FOR SALE HERE and HERE!

Oct 17, 2018 7 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

1. you can change the size of the spotlight text with the following and adjust the number until you're happy with how it looks.

.pet_spotlight {font-size: 8px} 2. you move the pet like icon with .pet_like and change its color with i.red.icon, so for instance:

.pet_like {position: relative; left: 100px; top: 100px} i.red.icon {color: !important} 3. your code probably has a section towards the top that "clears" the profile? a bunch of things listed with commas in between, all set to {display: none}. find .pet_age_info_date and .pet_wco_info_date and just remove them from that list. you might have to adjust their positioning. for example:

.pet_age_info_date, .pet_wco_info_date {position: relative; top: 10px} 4. yes, you can directly style .pet_name.

.pet_name {font-family: georgia; font-size: 28px; color: ; font-weight: normal} you can also make an image of the name styled exactly how you want and "cover" the name with it like so:

.pet_name {width: XXpx; height: YYpx; font-size: 0; background: url(IMAGE URL) no-repeat}

Please log in to reply to this topic.