Home>Support>Change carousel thumbnail size

Change carousel thumbnail size

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I’m running the Vantage Theme and I’m having a little problem with the Post Loop – Carousel template.

The thumbnail size doesn’t “obey” when it exceeds 242px of width.

So, I changed the thumbnail size to 350px but the “showed area” doesn’t exceeds 242px. Is there any way to fix this? If you would take a look, the website is http://www.teclogica.com.br/blog.

Thanks!

URL: http://www.teclogica.com.br/blog/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ricardo

    It looks like there could be a clash there. The Post Loop Carousel should be formatting like our demo: http://demo.siteorigin.com/vantage/.

    Try our new Carousel widget in the Widget Bundle plugin: http://wordpress.org/plugins/so-widgets-bundle/. It might be more robust to this conflict.

    If that has similar issues you’d need to try de-activating all plugins except for Page Builder and re-test.

  2. 10 years, 9 months ago Ricardo Theiss

    Hi, Andrew!

    Ok, I’ll try it. To this new plugin I change the options in the same CSS?

    .vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail
  3. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    To sort out the current problem with the Post Loop widget you need to add !important to this selector:

    .vantage-carousel-wrapper .vantage-carousel li.carousel-entry {
    width: 350px !important;
    }
    

    Right now you don’t have important there.

    Also, please check this selector, the double hash signs will make this not work. Only need one:

    #main a {
    color: ##4984b7;
    text-decoration: none !important;
    }
    
  4. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Finally, you’ll need to change the carousel thumbnail size to match using:

    https://wordpress.org/plugins/simple-image-sizes/

    And then you’ll need to regen your thumbnails:

    https://wordpress.org/plugins/regenerate-thumbnails/

  5. 10 years, 9 months ago Ricardo Theiss

    Man, I forgot to add !important. I can’t believe it!

    Now it’s working perfect.

    Thanks, Andrew!

  6. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped. All the best.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More