Shape divider with cover block

  • Resolved madtho

    (@madtho)


    4 months, 3 weeks ago

    Hi Nick- I’m trying to use the plugin to make a shape divider. It works fine on a normal full-width block, but with a Cover block the SVG somehow ends up behind the overlay no matter where I put it.

    Currently it’s within a group below the Cover block (not within the Cover) with negative top margin. This arrangement looks fine in the editor, but not live. I’ve also tried it everywhere else: on its own below the cover (outside of a group), in a group with the block below the hero etc.

    any ideas?
    thanks

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nick Diego

    (@ndiego)

    4 months, 2 weeks ago

    Hi @madtho,

    This has to do with the way the overlay is applied to the Cover block. You will need a bit of custom CSS to resolve this. I would add a custom CSS class to the Icon block, and then add the following CSS to that class: 

    .you-custom-class {
        z-index: 1;
        position: relative;
    }

    This should display the shape divider above the overlay. Let me know if I can help further.

    Best,
    Nick

    Thread Starter madtho

    (@madtho)

    4 months ago

    Yes, works perfectly. Thank you.

    Now I just need to figure out if I should still be using child themes and where to put custom classes :~

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