Add opacity to cover / group block

  • Resolved rod

    (@nomadarod)


    3 years, 8 months ago

    Hi,
    I am trying to add opacity to a cover block or to a group block without affecting the child elements, group blocks inside cover or text elements. As there is no such option in the color section of the block settings, I tried to add it through the custom css.

    Opacity seems cumulative if I set values for the child elements. So I tried rgba values instead but it doesn’t apply for some reason. Maybe because rgba defines also the color and that parameter is already set in the block settings color section? How could I go around this?

    I am not sure if this can be considered a support question for the theme; let me know if there is a better place to post it.

    cheers,
    Rod

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter rod

    (@nomadarod)

    Issue solved. I had a mistake in my css. Applying rgba background-color as custom css worked well when adding the !important parameter.

    best regards,
    Rod

    Plugin Author Oliver Campion

    (@domainsupport)

    Looks good!

    You’re having to use the !important flag so that it over-rides the inline style background-color:#8b0000 that is being created by the editor.

    If you remove the background colour from the block group completely in the editor, you shouldn’t need to use the !important flag.

    It’s always best to try to avoid using !important as much as possible ??

    Oliver

    Thread Starter rod

    (@nomadarod)

    Cool. Thanks Oliver. It did it for the group block elements, but when I “clear” the color of the cover block (red one), it removes the cover with the text. So I changed it to a group block and I was able to remove only the color and keep the text.

    The mysterious thing is that the custom css applies to all except to that group block. Even when adding !important. I must be missing something.

    Plugin Author Oliver Campion

    (@domainsupport)

    If you still need help with this can you please provide a link to a page with a block that doesn’t allow the background color to be applied so I can take a look?

    Thanks,

    Oliver

    Thread Starter rod

    (@nomadarod)

    Solved. Thank you for being there.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add opacity to cover / group block’ is closed to new replies.