# Background images Small & Large

**URL:** <https://forum.pinegrow.com/t/background-images-small-large/7480>\
**Category:** Beginners\
**Tags:** css\
**Created:** [December 18, 2022, 6:53pm UTC](https://forum.pinegrow.com/t/background-images-small-large/7480 "2022-12-18T18:53:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![deirdre\_nic](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/deirdre_nic/32/5140_2.png) [@deirdre\_nic](https://forum.pinegrow.com/u/deirdre_nic)\
**Post date:** [December 18, 2022, 6:53pm UTC](https://forum.pinegrow.com/t/background-images-small-large/7480/1 "2022-12-18T18:53:16Z")

</div>

Hello,

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;)

 ![Screenshot 2022-12-18 at 18.35.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/74a7c26cc0af199d808da6fb3247506b8f3e43b8.jpeg)  
 ![Screenshot 2022-12-18 at 18.46.51](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7bb273eb3caeef2360c671f09fe3ba30b861e67b.png)

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [December 20, 2022, 1:19am UTC](https://forum.pinegrow.com/t/background-images-small-large/7480/2 "2022-12-20T01:19:11Z")

</div>

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 👍🏽

---

<div class="post-metadata">

**Author:** ![deirdre\_nic](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/deirdre_nic/32/5140_2.png) [@deirdre\_nic](https://forum.pinegrow.com/u/deirdre_nic)\
**Post date:** [December 20, 2022, 8:47am UTC](https://forum.pinegrow.com/t/background-images-small-large/7480/3 "2022-12-20T08:47:26Z")

</div>

Will do Akayy thank you