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, see the chapter Adding a code snippet for placing an animal on a webpage.
On this page:
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 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;
}
Popular Questions
Topics:
- 0votes
- 0votes
- 0votes
- 0votes
- 0votes
- 0votes
- 0votes
- 0votes
Have a question about this topic?
Overview
Content Tools