How to change aspec ratio of only 1 carousel

  • Resolved IILLC

    (@iillc)


    3 years, 9 months ago

    I was wondering if it is possible to change the aspect ration of 1 carousel. It currently is not changing ratio when going to mobile so trying to correct that.

    I have a page where there is one with wide images than underneath several others that have square images in them so I do not want to change them.

    I would link the page but it is behind a membership.

    I am pretty familiar with CSS so an example would be helpful and I can swap out the parts. Do I need to add a special class to this one? I think I should use “[recent_post_carousel extra_class=””] for this.

    Original image size 500×1180 to
    150×354

    Thank you for your help!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Yes, you are right, you can add a specific class for the slider and set CSS related to this.

    Thanks,

    Thread Starter IILLC

    (@iillc)

    I figured as much but what would the CSS be to change the aspect ratio? I’m not sure what to modify.

    .wide-slider {
    ??
    }

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Please send your website page URL we will check and proper solution.

    Thanks,

    Thread Starter IILLC

    (@iillc)

    The website page is behind a membership. Can you let me know what class the plugin uses to control the size of the video/slider?

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Please share the shortcode.
    Please send a screenshot of your slider.

    Thanks,

    Thread Starter IILLC

    (@iillc)

    Thank you for your help on this. I created a loom video to show you what I am talking about to make sure you understand my issue and what I am trying to do.

    There are a couple different codes I have. The top section is 2 separate section. One is shown to desktop and one is shown to mobile.
    Desktop:
    [recent_post_slider post_type="sfwd-lessons" category="28" design="design-2" dots="false" limit="-1" ]

    Mobile:
    [recent_post_carousel post_type="sfwd-lessons" category="28" dots="false" autoplay="true" ]

    Plugin Support Riddhi Shukla

    (@ridhimashukla)

    Hi,

    Thank you for sharing details with us…

    We have checked your video in which you are using different scale images so we need to check this issue on your website directly and provide a solution of CSS code base on that.

    If you page is under member authentication then create test page and share us on “[email protected]”.

    I will check and let you know possible solution for this.

    If you do not want to share the test page then you have add same scale image on your slider.

    Please check and let me know if anything.

    Thank You!!

    Thread Starter IILLC

    (@iillc)

    We ended up just using a different slider for this when it gets scaled down. Thanks for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to change aspec ratio of only 1 carousel’ is closed to new replies.