-
Hi there,
when I set a background image to a container, GP adds automatically another background image:
Why is that?
The problem is, when I delete all backgrounds of that container (“Delete all background styles”), the inspector still shows me
`<div class=”gb-element-02f8d783″ style=”–inline-bg-image: url(https://03 … .svg)”>How can I get rid of that?
Regards
Roland -
Hello,
Yes, this is normal behavior, if you add the inline image from the settings, it also gets added to the list of images. But removing it from the list should also remove it from the settings tab which from my tests it doesn’t so this looks like a bug! I will let the team know.
Meanwhile, just go to the settings page and remove the image URL.
-
Hello,
if you add the inline image from the settings
There’s a misunderstanding here: I’ve never touched ‘Inline Background Image’ on the Settings tab. I didn’t even know that I could add a background image on the Settings tab.
If you look at my screenshot, it only concerns ‘Backgrounds’ on the Styles tab.
My Problem is:
1. I add Image1.svg to the list on the Styles tab.
2. I add Image2.svg to the list on the Styles tab.
3. GP addsvar(--inline-bg-image)in third position on the list.I don’t understand step 3.
Is that normal? What’s it for? What does
var(--inline-bg-image)mean? -
Hmmm, no this is not normal and I cannot recreate this.
Any chance, I could have a look at the backend? Could you please provide site credentials so we could have a look? Please use the private section of your reply to post them. You can also install the Temporary Login Without Password plugin and send us a login link without using a password. Again, please, use the private area of your reply to send those details.
-
Hi George,
Thanks for looking into this.
It’s a small test page where I’m testing a few full-screen backgrounds. You’ll find the issue in the first inner container,
.gb-element-26484d71.Hope the link to the backend works …
-
Thanks, I had a look but cannot find this test page, you mention. Is it the homepage you are talking about?
-
Yes, the homepage.
-
Hi,
I am not able to reproduce this on your site. I am adding a series of SVGs as background images to that container, then I remove them. There is no inline image entry left.
Can you provide some steps to follow?
-
I’ve had another think about it… Could it be that I caused the problem myself?
1. I added the background images via the Styles tab
2. Later, I realised that I’d forgotten to disable the ‘Organise my uploads into month- and year-based folders’ option in WordPress
3. I subsequently disabled the option ‘Organise my uploads into month- and year-based folders’
4. For the sake of good order, I then moved the images using FileZilla from ‘wp-content/uploads/2026/03’ to ‘wp-content/uploads’This means that the links to the background images were leading to nowhere…
Could that have caused the problem?
-
Ah, ok, possibly! Is it working smoothly now?
-
It seems so.
If
var(--inline-bg-image)crops up again, I’ll make a note straight away of what I’ve just done.One last question: is there any reason not to add background images using custom CSS rather than block styles?
I think that would be clearer and easier to work with for me…
-
Yes, please do that.
Block styles create the necessary CSS as if you were to write it so you can do whatever suits you best. Since you mention that, I am playing around with a GB pre alpha version that Tom provided to test (will probably be included in the next GB update), that has a power user feature that exposes the CSS for the local and global styles, meaning that you will be able to write the CSS straight from the editor and it will reflect on the blocks! I think you will like this.
-
Oh, I’m curious to see that. I think transparency is one of GP’s unique selling points. And that’s why I like it.
Thanks for your help!
-
Ok, no problem!
- You must be logged in to reply to this topic.