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.

GeneratePress GenerateBlocks

Background color for container is not accepted

  • Stefanie
    May 8, 2025 at 3:12 am

    Hi there,

    I have created a container. I want it to have 3 styles for the background:
    1. background color
    2. repeating svg pattern
    3. overlying gradient.

    Step 2 and 3 are not a problem, but step 1 is:
    The background color of the container, which I have set via the GB settings, is not accepted.
    Only if I write the background color via custom css, then it is accepted. see screenshot

    What am I doing wrong?

    Thank you!

  • Ying
    May 8, 2025 at 9:22 am

    Hi there,

    Yes, it’s weird. Can you remove the background color, publish the change, then add the background color again to see if that clears it.

    Let me know 🙂

  • Ying
    May 8, 2025 at 9:22 am

    Hi there,

    Yes, it’s weird. Can you remove the background color, publish the change, then add the background color again to see if that clears it.

    Let me know 🙂

  • Stefanie
    May 8, 2025 at 10:15 pm

    Hi Ying,

    Thanks for your response.

    Can you remove the background color, publish the change …

    I did that, but without success.

    What is weird is that the bg-color is displayed in the editor, but when I switch to the frontend, it is gone.

    Edit: it has to do with the gradient. As soon as I delete the gradient, it works. But this is not an option…

  • Alvind
    May 8, 2025 at 11:47 pm

    This is what I see on the page without the gradient: https://cln.sh/R3BmKTrH.

    Is that the correct background color?

  • Stefanie
    May 10, 2025 at 12:44 am

    Yes, that’s exactly how it should look!
    Your screenshot shows the background with the gradient.

    But as I said, it only works because I have entered the background color via the customizer css.
    I have already described this above.

    It does not work if I enter the background color via the GB settings.

  • Ying
    May 11, 2025 at 11:46 am

    The gradient is using backgroud property, instead of background-image property, which will override background-color if it comes later in the CSS.

    It’s weird, as when I test, the CSS is using background-image for gradient, which version of GB and GB Pro are you using?

  • Stefanie
    May 11, 2025 at 12:00 pm

    which version of GB and GB Pro are you using?

    2.1

  • Ying
    May 11, 2025 at 1:41 pm

    Can you provide an admin login so I can copy your block to my site to test?

  • Alvind
    May 11, 2025 at 8:04 pm

    Since you’ve set multiple background properties, instead of adding the background color directly under the Background Color settings, add it in the same way you add the linear gradient and image, like this: https://cln.sh/bN31NQ34

  • Stefanie
    May 12, 2025 at 1:28 am

    … add it in the same way you add the linear gradient and image

    Thanks, it works now 👍🙂

  • Alvind
    May 12, 2025 at 6:42 am

    Glad to hear that!

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