Background images Small & Large


I have a question about the design panel. I am not able to get background images working. I hard code the background images in and I have no issues. I use the Tailwind Template and can switch out the background image on the design panel without bother. Now in a new blank project I am building I am trying to apply a background image through the design panel but I am not able to get it to work within the section div (see screenshots). I can’t seem to figure out what I am doing wrong. Also when selecting images through the interface the path is wrong and i have to correct it in the code. I have an ‘assets’ folder with an ‘images’ folder within my project folder. Also on the #hero-poster selector I have hardcoded the usual for background images (
background-position: center center;
background-repeat: no-repeat;
content: ’ ';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;)

I tried at my end and it worked fine. Do you see any error messages in the console. You can right-click on the pinegrow logo on top left & select inspect to open console.

I would recommend zip a reproduction and get in touch with support :+1:t4:

Will do Akayy thank you