Add Featured Animal to your pages

There is a built-in code snippet that is not listed on the built-in snippets list and works in a similar manner to the Featured Pet or Random Animal Snippet. The code snippet listed in the built-in snippet list only uses the thumbnail image and cannot be made larger, whereas the code snippet described here uses the full-size image that you uploaded when uploading images to your pet's description page. To learn more about the Random Animal Snippet, seePlace animal on a web page using snippets.

How to display a larger featured pet

When editing a web page, in the WYSIWYG editor, click the Source button at the top of the editor and manually type the following where you want the snippet to appear.

{AnimalAdLarge/} 



To use this feature, you must make sure that, in your Website Settings, you do NOT have the Animal Picture Mode set to Disabled, but instead select Featured or Random. 



To control the size of this image a user must include some CSS based on where they are placing the snippet. For example, if you place the {AnimalAdLarge/} snippet on the right sidebar, you might add the following to the CSS to control the size of the image to 200px wide and increase the font size of the text.

If you are unfamiliar with CSS and want to experiment with this code snippet, please contact support if you have trouble. We can help.

 /* ===============

FEATURED PET
=============== */
#rightContainer .animalimg {
width: 200px;
height: auto;
}

.AnimalAd {
font-size: 1em;
text-align: center;
line-height: 1.4em;
font-weight: bold;
}