Feed images square in backend but in front end are portait with flashing backgro

  • Resolved Dellalan

    (@dellalan)


    5 months ago

    Hi there Im using your plugin and its awesome however i have noticed an issue. In the backend my feed images are all square which is how i want them. but when i view it on the front end, the images are portrait size and its adding a flashing background either side which is quite annoying for user experience. I have noticed there is CSS being added by the plugin:

    .wpsr-animated-background?{
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: wpsrPlaceHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(90deg,?#eee?10%,?#ddd?18%,?#eee?33%);
    background-size: 800px 104px;
    height: 100px;
    }

    How do i get rid of this and make the image full width (square)

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

Viewing 1 replies (of 1 total)
  • Thread Starter Dellalan

    (@dellalan)

    **Solved**
    Dont worry I solved it with the below, posting in case anyone else has the same issue

    .wpsr-animated-background {
    animation:none!important;
    }

    .wpsr-ig-post-media img, .wpsr-ig-post-media video {
    object-fit:cover!important;
    object-position:top!important;
    }

    Viewing 1 replies (of 1 total)
    • You must be logged in to reply to this topic.