Wrapped Text Issue w/API 2.0

  • I love this API, thanks for maintaining it! I’m a novice at this but now that I’m on the new API 2.0, I’m having an issue with how the text aligns from the pet description. The description text wraps in a skinny column to the far right of the main picture and thumbnails. It only happens in the desktop view, tablet and phone views look fine, the text shows below the pictures in those devices. Is this due to the theme I’m using? Can you suggest a way to fix it? Maybe a width command or css_class?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author bridgetwes

    (@bridgetwes)

    Hi,

    You can either add a width to .images in your CSS. Something like:

    div.dog .images{
max-width: 400px;
}

    That would make the images column smaller so text has more room. Or, if you want the image to always show on top of the text, add the following:

    div.dog .images{
float: none;
margin-right: 0;  
}

    Add this CSS to your theme’s CSS file. Your theme might have a way to add custom CSS through the Customizer (link in top black admin bar), or you can add it to your child theme’s CSS.

    Thread Starter b9chris

    (@b9chris)

    Both CSS options look great, we’re going with the text below the pictures. We love it! Thank you very much! You do great work and this helps us get more kitties adopted!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrapped Text Issue w/API 2.0’ is closed to new replies.