WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Carousel Stretching/Skewing Images (6 posts)

  1. altastreampower
    Member
    Posted 1 year ago #

    Hi,
    I like the look of carousel for my site however it seems to be skewing my images. Instead of showing widescreen it is compressing them into an almost-square aspect ratio.

    Take a look here;
    http://power.altastream.com/2012/06/enclosed-waukesha-f11gsi-165kw/

    Any way to fix this? I used to use Lightbox Plus but have since removed it.

    http://wordpress.org/extend/plugins/jetpack/

  2. Matt (Thomas) Miklic
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi there -- it's actually this bit of CSS from your theme interfering with the Carousel styles:

    .content-sidebar img,
    .sidebar-content img {
    	max-width: 600px;
    }

    We'll get a fix into the next update to Jetpack. If you'd like, you can work around the issue by adding this CSS to your theme:

    .jp-carousel-slide img {
    	width: 100% !important;
    	height: 100% !important;
    	max-width: 100% !important;
    	max-height: 100% !important;
    }
  3. altastreampower
    Member
    Posted 1 year ago #

    Awesome it worked! Thanks very much for the quick repsonse :)

    Should I delete that code after the next update or just not worry about it?

  4. Matt (Thomas) Miklic
    Member
    Plugin Contributor

    Posted 1 year ago #

    You can safely delete it after our next update, but it won't hurt anything to leave it in place.

  5. TippToppFoto
    Member
    Posted 1 year ago #

    Why do it screws up the rez on the preview on my site? It only happens to galleries that was not converted ie all of those that i upload after i activated it.

    http://www.tipptoppfoto.se/fotoblogg/

  6. TippToppFoto
    Member
    Posted 1 year ago #

    Your code makes it fetch the hig rez img right? cus now it kind of working but it loads all the pic at the same time and he gallery has become very heavy to load.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic