Background image previews but does not display

I added a background to my row image using the design panel. It previews in Wappler but does not on the live page? What am I doing wrong?

Could be different reasons - from file missing on the server to your row height 0px.
Check browser console for errors. Maybe provide a link where we can check this.

PASS (pasprintseries.com)

I checked the image and it’s on the server

which row?

raceinfo

i actually tried a gradient on the next row

It looks like the latest changes to your style.css file haven’t uploaded. Did you do a full publish?

The style6 class is missing

Make sure to upload your css file to the server when making changes!

I don’t typically do much with the design panel (ok i never use it)

I honestly don’t know where style6 came from? I just went out and added the background.

Each time you add settings in the design panel, you create a class for the selected item with those settings. If you want, you can then use the same settings on another element just by adding that class. Each class is sequentially numbered style#

I see that (just tested on another page) But where do they go? Sorry, I feel pretty stupid here

All the styles/classes are added by Wappler to a css file (the style.css in the css folder)

ah, gotch now. I was thinking it would create new one

so i uploaded style.css and still no image

There is an image and a gradient …
Please cleat your browser cache.

1 Like

That did it!, This will be a cool page with the background! Gotta get to work! Thanks