Search results page thumbnail overlapping title

  • Hey guys,

    I’m having a problem with my search results page. As you can see in the link above, there are 2 issues with my search results page.

    1- The thumbnails and post titles/descriptions are overlapping making for a very unprofessional layout

    2- Not every thumbnail is the same size.

    I’m at a loss trying to get a more professional layout with no overlap and same size thumbnails.

    Do you have any idea how I could do that with no additional plugin?

    Thanks a lot

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please add the below CSS code from the Customize > Custom CSS.

    .search-results article .thumbnail {
    min-width: auto; }
    Thread Starter Elflordbob

    (@elflordbob)

    Wow, that fixed the overlap easily, thanks!

    However, there are still some thumbnails that are larger than other ones.

    For instance, the Seiko SARG005/007 review article’s thumbnail is much larger than the one for Rolex Oyster Perpetual vs Grand Seiko Snowflake (at the bottom of the page).

    Any idea how to fix this?

    Thanks!

    Hi,

    The issue because of the below code that you have added, please check.

    .thumbnail img {
    max-height: 540px;
    max-width: 720px;
    display: block;
    margin: 0 auto;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Search results page thumbnail overlapping title’ is closed to new replies.