Support » Plugin: Gutenberg Blocks and Template Library by Otter » Background Overlay no border radius.

  • Resolved JVonD

    (@jvond)


    The background overlay doesn’t react to the border radius. So unless you are using a square box the overlay edges are visible.
    Is there CSS to bring in the border radius on the “background overlay” or a way to use opacity on the regular background without effecting the the text?
    Thanks a bunch!
    I’ve search hours to find a solution. Much appreciated! ~J

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @jvond,

    I wasn’t able to properly understand it. Can you please post some screenshot to explain exactly what’s not working properly?

    Thread Starter JVonD

    (@jvond)

    Thanks for the reply.
    Here’s an example on my personal site.
    Image of overlay edge.
    Test Page with Example

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Thank you @jvond, you can use CSS like this to fix it:

    #wp-block-themeisle-blocks-advanced-columns-70444c01 > .wp-block-themeisle-blocks-advanced-columns-overlay {
        border-radius: 46px;
    }

    The -70444c01 is the ID of that section, so make sure you replace it with the ID of your section.

    We’ve also noted it down and it will be fixed in the next version. Thank you for reporting!

    Thread Starter JVonD

    (@jvond)

    That worked! Stoked!
    Thanks a bunch. I knew there would be a way, I’m just not that good at figuring it out. I tried inspecting different objects a bunch and tried different CSS for days.

    Thanks again from all of us armatures. =D

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Glad to be of help. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background Overlay no border radius.’ is closed to new replies.