Okay
  Public Ticket #3829709
bg-overlay styling on post loop builder
Open

Comments

  •  5
    chloe started the conversation
    February 28, 2025 at 2:22pm

    Hello,

    I try to add a margin to the background overlay while Hovering a post. But I can't get margin everywhere. Margins only shows on the top and the left part of the overlay background (see attached file). 

    Here is the CSS I wrote:

    .nectar-post-grid[data-hover-effect=slow_zoom] .bg-overlay {
    margin: 20px ;
    }

    could you help me choosing the good selector and the right CSS style?

    Attached files:  Capture d’écran 2025-02-28 à 15.15.24.png

  •  3,108
    Andrew replied
    February 28, 2025 at 3:44pm

    Hi Chloe,

    Thank you for reaching out to us.

    Try replacing your CSS with this one and let us know how it goes.

    .nectar-post-grid[data-hover-effect=slow_zoom] .bg-overlay {
    margin: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

    We look forward to your reply.

    Thanks,

  •  5
    chloe replied
    February 28, 2025 at 3:57pm

    Hi Andrew,

    it works perfectly. Thanks for you help !

  •  3,108
    Andrew replied
    February 28, 2025 at 4:07pm

    Hi Chloe,

    Thank you for getting back to us.

    I'm glad we could assist. Feel free to reach out if you have any other queries.

    Cheers,