Resize image on mobile

  • Resolved 4Mulator ??

    (@4mulator)


    2 years, 11 months ago

    Hey team,

    We are trying to resize the image on mobile without changing the background. is this feature available in any version?

    if not, been working on the CSS but can’t hit the mark…could you have a look?

    @media screen and (max-width: 600px){
    .twae-horizontal .twae-timeline-img
    {width:90%;}
    .twae-horizontal .twae-story-info {
    background: linear-gradient(180deg, #fff 79%, #e4f6f6 21%);box-shadow: 0 2px 8px -2px rgba(0,0,0,.4)
    }

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @4mulator,

    Please use the below-shared custom CSS.

    .twae-horizontal .twae-timeline-img img {
    width: 90% !important;
}

    Let me know if you are still facing issues.

    Thanks & Regards

    Thread Starter 4Mulator ??

    (@4mulator)

    Hi Jyoti,

    Appreciate the reply,

    That works for shrinking the image, however, I wanted to keep the background behind the image white, but the blue background below the text becomes visible behind the image when the code is added. I was trying to recreate the background with a linear gradient. However, the gradient is not responsive…

    is there a way around it?

    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @4mulator,

    Please use the given custom CSS.

    @media screen and (max-width: 600px){
.twae-horizontal .twae-story-info {
background: linear-gradient(180deg, #FFFFFF 79%, #FFFFFF 21%) !important;
box-shadow: 0 2px 8px -2px rgba(0,0,0,.4);
}
}

    Let me know if you are still facing issues.

    Thanks & Regards

    Thread Starter 4Mulator ??

    (@4mulator)

    Hi Jyoti,

    the border now on sides of the image?

    https://snipboard.io/5NGH3Z.jpg

    • This reply was modified 2 years, 11 months ago by 4Mulator ??.
    • This reply was modified 2 years, 11 months ago by 4Mulator ??.
    • This reply was modified 2 years, 11 months ago by 4Mulator ??.
    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @4mulator,

    Please let us know on which mobile device are you checking?

    Thanks & Regards

    Thread Starter 4Mulator ??

    (@4mulator)

    Hi Jyoti,

    thank you for your reply. we have decided to go in another direction.

    appreciate your time.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Resize image on mobile’ is closed to new replies.