Viewing 1 post (of 1 total)
  • Author
    Posts
  • Ismael Trejo Friend
    #187758

    Ok so, i was having an issue with JA Content Popup module. Titles for the news site i’m working on tend to be pretty long and images are never standard size (some videos are 16:9 and others 4:3)… so i had set the thumbnails to 200×200… and it turns out its a big mistake, mostly because a 4:3 image will have a bigger height, and it will push down on the items from the next row as in this image:

    by the way if you are getting broken thumbnails like in my screenshot, it’s because you didn’t put the iframe for youtube at the very beginning of the article content.

    Soooo to fix this I set “widescreen” thumbnails so that all tumbnails for any size video are similar: 200x160px.

    Also I had to do a little tweak on a custom.css file for it to work

    .ja-cp-item{
    min-height:230px;
    }

    How much min height should you set? depends on the thumbnail size you define, and how long your titles are. In other words… If your titles tend to take 3-4 lines… 230px should work for you (it did for me with 200x160px thumbnails)
    If your titles are shorter or your thumbnails taller… well you’ll have to play a bit with the numbers.

    Need more tips for responsive custom html modules? send me a pm, ill be glad to help.


    1. Screen-Shot-2013-05-24-at-6.46.00-PM
    2. Screen-Shot-2013-05-24-at-7.01.31-PM
Viewing 1 post (of 1 total)

This topic contains 1 reply, has 1 voice, and was last updated by  Ismael Trejo 6 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum