Moving Titles & Descriptors

The link to separate page for each pet links to Petfinder. This is example on another site: https://www.gpawisconsin.org/adopt/petfinder-results/

“Young, Male, Large” — or whatever matches for that pet should show below the description if these settings are checked for the pet.

By adding to the CSS you can change the layout a bit. The image should float left of the description by default, unless the image is too big so text has no room. You can change the size of the image in the plugin’s settings. See “Large Image Size”. You can also reduce the image size more with CSS.

I can’t view your site because it looks like it isn’t live yet?

The site is on my local development machine, so no you can view it. I am trying to understand the CSS and any change I make to your CSS stylesheet is not working. I have no idea where to turn on the “descriptions of the pets” The link you sent is exactly, what I want, but how to translate for my site? Just use “petfinder results”?

Hi – these are Petfinder settings on the site I shared with you:
https://snipboard.io/eVdQL6.jpg

Your theme might be overwriting the CSS my plugin provides. It’s hard to help you with that until your site goes live. You could compare the styles between the site I shared and yours. Do you know how to use your browser’s web inspector to see what styles are applied to the HTML elements in the page?

Ok, so they are now displaying almost correctly, they are now showing the description of Young, or Adult etc., but it is adding additional pics (not needed) and additional test (not needed) and the view full description now goes to petfinder – we want them to stay on our page. Lastly, they are coming in one below each other – I would like them side by side.

The additional pictures are thumbnails to switch the main image for each pet – kind of like a gallery. You could hide the thumbnails with CSS if you only want to show the first image.

The Petfinder plugin lists pets in a list, and does not link to a full description on your own website. You can ask Petfinder to return the full description for your account (they return a partial description by default), but that full description would display in the list and not on a separate page.

It sounds like you want a list of thumbnails/pet names that link to a separate full description page on your site. The plugin does not do that – it is just a list of your pets. You could use the Featured Pet widget to create pages for each pet, but that would be a very manual process and you’d have to create the list manually also.

There is a website that I am using as a reference: https://www.sccrescue.org/ as the shelter I am designing for wants their pets to be displayed like those in the link. Their pet links go to this: https://www.sccrescue.org/adopt/adoptable-dogs/?view=pet-details&id=50440059 Not sure how they are achieving all this.

On my page it is displaying this: Sassafras
Sassafras
Almost Home adopts kittens under 6 months of age in pairs, as kittens that young are not fully socialized and… View full description ?

Baby, Female, Small

Want to remove from “Almost home to the …..”

That site does not use my plugin. They might have custom built the ability to pull the data from Petfinder and display it this way, or they are entering pets on the website and Petfinder separately.

I need a better way to style these listings. Still don’t know how to remove extra descriptions within my theme/framework. Such as these:
Niya
Niya is a beautiful brindle girl with gorgeous markings. She is good with other dogs, walks well on leash &… View full description ?
Young, Female, Medium
When I use Google Insepct I see the following:

<div class="dog dog">
		<div class="name"><a id="50607871" hidefocus="true" style="outline: none;">Niya</a></div><div class="images"><img class="petfinder-big-img" id="img_50607871" src="https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/50607871/1/?bust=1613837894&width=300" alt="Niya"><div class="petfinder-thumbnails"><img class="petfinder-thumbmail" onclick="switchbigimg('img_50607871', 'https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/50607871/1/?bust=1613837894&width=300');return false;" src="https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/50607871/1/?bust=1613837894&width=100" alt="Niya"><img class="petfinder-thumbmail" onclick="switchbigimg('img_50607871', 'https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/50607871/2/?bust=1613837835&width=300');return false;" src="https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/50607871/2/?bust=1613837835&width=100" alt="Niya"></div></div><div class="description"><p>Niya is a beautiful brindle girl with gorgeous markings. She is good with other dogs, walks well on leash &amp;... <a href="https://www.petfinder.com/dog/niya-50607871/il/elk-grove-village/almost-home-foundation-il326/?referrer_id=24dfe13b-5c43-4376-967d-2c766c2c41b3" target="_blank" hidefocus="true" style="outline: none;">View full description ?</a></p></div><div class="features">Young, Female, Medium</div></div>

Any thoughts? Thank you.