This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Post loop thumbnail images tiling

Open 1 reply pluginplugin-page-buildertechnical
PSBakh
8 years ago · Last reply by Alex S 8 years ago

Hey guys,

Hope you’re all well.

I’m having an issue with the posts carousel on a website I’m updating –

HOME

As you can see on the homepage under recent shows, some of the thumbnail images for more recent posts have tiled themselves, despite being sized the same as the images used for later posts.

Any thoughts on how to fix this?

Thanks!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 8 years, 9 months ago

    Hi PSBakh,

    This is happening due to your custom CSS for this widget. Please open the area where you’ve added the following CSS:

    .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a {
    display: block;
    width: 300px;
    height: 420px;
    background-size: auto;
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a {
    text-decoration: none;
    font-size: 14px;}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a:hover {
    background-size: auto;}

    Please replace the first instance of background-size: auto; with background-size: 300px 420px; and then replace the second with… say, background-size: 320px 440px; How does that look? You may wish to adjust the size for the hover effect (the second background-size) to get a more desired hover effect.

    In other words, please replace the above-quoted CSS with:

    .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a {
    display: block;
    width: 300px;
    height: 420px;
    background-size: 300px 420px;
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a {
    text-decoration: none;
    font-size: 14px;}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a:hover {
    background-size: 320px 440px;}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread