How to add zoom effect to images background in Custom post/page grid or list

  • Resolved socialmelait

    (@socialmelait)


    4 years ago

    Dear all

    I need your help to customize the Custom Post Grid I created width Getwid.
    As you can see here https://cospes.socialmela.it/home-2/ I add some css to add zoom effect but I want to be able to zoom on hover only the image background.
    Is it possible? Which css I have to add and where ? Could you help me please?
    Another issue is about orizontal spacing betweeen columns, I want to remove it, how can I do it with a custom css class?
    I hope my requests are clears ?? Thank you in advance for help
    Sara

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

Viewing 1 replies (of 1 total)
  • Plugin Support dimned

    (@dimned)

    Hi @socialmelait,
    1. It looks like you have resolved this request because I see only the background image is zoomed in on hover.

    2. You may add the style below to remove padding between the posts

    .wp-block-getwid-custom-post-type__post {
    padding: 0 !important;
}

    I recommend to add some custom class to this Custom Post Type block and use the style above with this custom class in order to apply the changes to this certain block only.

Viewing 1 replies (of 1 total)
  • The topic ‘How to add zoom effect to images background in Custom post/page grid or list’ is closed to new replies.