Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Background Image with Overlay/Opacity

  • Hi,
    I have a container with a background image, softened to 0.5 and a gradient set. But now it looks like the content (headline and text) has also been softened. Do I have to set up this container differently or is one setting still wrong?
    Screenshot: https://postimg.cc/56vCkCpD

    Many thanks
    Markus

  • Hi there,

    Try to set the text containers’ position to relative so they can sit on top of the background image.

  • Ah, ok… works. Thanks Ying

  • solved

  • You are welcome   🙂

  • Hi,

    I have another problem here where I only wanted to soften a background graphic. The text containers are set to relative, but everything, including the text, images, and headlines above them, is also softened.

    Why?
    What’s now the problem?

    Please see the page below…

    Thanks

  • Hi there,

    Could you re-add the page link? It doesn’t appear to be included.

  • Please see below…

  • Hello.

    In this case, I would suggest removing the background image and instead inserting it as a normal image just after the Boards container with absolute positioning (Position settings, set Position to Absolute). You can then size it with the image size controls, position it with the INSET controls (Position settings from the right) and set the opacity on the image itself, not the whole Board container.

  • Ok understand… just do it like your suggestion, works.

    Thanks

  • Great, no problem!

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