I have applied a background color to the footer but when I preview or export the page the background is white. I also have tried to apply a CSS class to the bloc but without success. What am I doing wrong?
Btw, I have a sticky alert that I removed and together with it I also deleted the setacookie.php from the project but I don’t think it could be related to this.
Hi @espositodnl86, happy to help but you’ll need to be a bit more generous with information. To me it looks you’ve 2 issues:
Footer color and 2. a CSS class.
Your footer color you can easily set in the right column settings of the Bloc. If this is not working there might be a glitch somewhere. Removing the footer and re-adding should do the trick. Or, the CSS class you applied is causing the trouble.
In regards to the CSS class I will not be able to assist as information shared is too limited. Kindly provide video, link or screenshots to explain you’re trying to achieve.
I have created a new bloc for testing and selected a background color under Settings - Colour: in the edit window everything looks correct but when I preview (or export) the website the background of that area is white. There are no CSS rules applied to that specific bloc or to any element contained in it.
If I create a new bloc above the footer (not in the bottom global area) and I select a background color, the bloc won’t have any background color once exported but in that case footer background color will be showed correctly.
I’m assuming you’ve tried the usual route of deleting the bloc, restarting Blocs and recreating?
Or trying to recreate in an empty project?
If this works, saving as a custom bloc and importing into the existing project?
If I create a new bloc with a background color on top of the existing one, than the new block won’t have any background color but the one I’m having problems right now, yes.
I don’t have the same problem in a newly created project.
Unfortunately creating a custom bloc everytime that I want to set a background color is not an option for me…
That is the only thing I can think of. Hopefully for you one the the more experienced members will come online soon and help you. We have a few here that know a lot and can possibly solve this.
Have you looked at your code with inspect? You can see what class or classes are controlling the color. This option is available by selecting developer in the safari preferences like in the screen copy below and then right click on the element and choose “Inspect”.