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 having a strange problem with Post Loop Carousel.
Look, I changed the thumbnail size to 510x240px and my featured images are the same size. But when I upload these images, it’s “resized”. I really don’t know what happened with it. Maybe it’s a little problem that I didn’t observed, but I really have no idea. So, I’ll put de code here and if you can look what happened I will be grateful.
/*Post Loop Carousel - Custom CSS*/
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry {
width: 512px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail {
width: 510px !important;
height: 240px !important;
background-size: 510px 240px !important;
border-radius:3px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a {
width: 510px !important;
height: 240px !important;
background-size: 510px 240px !important;
border-radius:3px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover {
background-size:510px 240px; !important;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .default-thumbnail {
width: 510px !importan;
height: 240px !importan;
}
.vantage-carousel-wrapper .vantage-carousel li.loading{
width: 242px;
height: 162px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 {
font-size: 15px;
text-align: left;
font-weight: 500;
color: #474747;
margin: 10px 0 0 0;
}
.vantage-carousel-title {
font-size: 23px;
font-weight: normal;
color: #3b3b3b;
line-height: 1em;
text-transform: capitalize;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.overlay{
border-radius:3px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover span {
opacity: 0.3;
}
Thanks!
Hi Duff
There is also actual re-sizing of these images happening the theme’s functions.php file. Have you tried re-sizing the carousel images using:
https://wordpress.org/plugins/simple-image-sizes/
And then running:
http://wordpress.org/plugins/regenerate-thumbnails/