Flavor demo hero background image still appears after removing container backgro

  • ’m using the Flavor Site Library template with GeneratePress + GenerateBlocks.

    I’m trying to remove the restaurant hero background image from the homepage hero section and replace it with a solid background color.

    What I already tried:

    * Edited the hero container
    * Removed inline background images
    * Changed the container background color
    * Checked Additional CSS
    * Checked Backgrounds settings in the block editor

    However, the restaurant image still appears behind the hero section.

    Using DevTools, I found this generated CSS:

    .gb-element-5de029e0 {
    background:
    linear-gradient(
    0deg,
    rgb(31,31,31) 0%,
    rgba(31,31,31,0.5) 100%
    ),
    url(https://*******.com/wp-content/uploads/2023/02/jay-wennington-N_Y88TWmGwA-unsplash-2.jpg)
    center / cover no-repeat;
    }

    The image is loaded from:
    style-1890.css

    The confusing part:

    * I cannot find this background image in the block editor
    * Background settings appear empty
    * Inline Background Image is empty
    * The editor only shows one container block

    Questions:

    1. Where is this background actually stored?
    2. Is it attached to a GeneratePress Element wrapper?
    3. Is this generated by GenerateBlocks Local Styles?
    4. What is the proper way to completely remove the image from the source instead of overriding it with CSS?

    I’m adapting the Flavor template into a dog breeder website and want to fully remove the restaurant background.

    Thank you.

  • Hi there,

    Simply select the .gb-element-5de029e0 Container and remove the image under the Backgrounds settings.

    Please refer to this screen recording for reference: https://cleanshot.com/share/l8rqC8MXQrHYRPj7D8nw

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