Image Slider

Home Forums All Other Themes Image Slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #179665
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 7
    • Replies: 30
    • Total: 37
    Member since: April 26, 2021

    HI,

    I created an image slider to show 4 landscaped proportion photos. I found that the heading text was chopped and the button is not showing. It only happens on Mobile device. The desktop device looks perfect that showing the heading text and the button. I suspect it is because of the landcanped image proportion. I did a test for posting a portrait photo and it looks good.

    However, I don’t have the portrait photos to be replaced in this image slider section. I was wondering if there is any css to amend the image slider that fit for landscaped proportion image?

    You have to use your mobile to access this link: bosu.freeofficesolutions.com/ to check the problem.

    Sandy

    #179707
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28820
    • Total: 28820
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Brad

    #179710
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 7
    • Replies: 30
    • Total: 37
    Member since: April 26, 2021

    Hi,
    Below are the images link, you can see the shop name and opening hours are cropped from the image.

    https://ibb.co/DKpxXYz
    https://ibb.co/7GDWDm8
    https://ibb.co/bsxsL0d
    https://ibb.co/9Wx9FFV

    Sandy

    #179791
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28820
    • Total: 28820
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .skt-builder-carousel .skt-builder-carousel-title { font-size: 28px !important; margin-bottom: 5px !important; margin-top:0 !important;}
    .skt-builder-block-wrapper p { margin-bottom:5px; font-size:16px !important;}
    .skt-builder-carousel .skt-builder-carousel-button { margin-top:20px !important;}
    }

    Regards,
    Brad

    #179873
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 7
    • Replies: 30
    • Total: 37
    Member since: April 26, 2021

    Thank you, it works perfectly.

    #179878
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28820
    • Total: 28820
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.sitejabber.com/reviews/sktthemes.org

    Regards,
    Brad

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.