CSS background image display issues


I am not having coding issues just an issue figuring the proper syntax to use for Glitch to display a background image. I used the url that Glitch supplies when you upload an image to the assets folder. I’ve tried everything and can’t figure out the requirements for Glitch to show background images. My code is below. Thank you in advance!

main+section+section+section+section {
background: #f3f4f6;
background-image: url(“…/https://cdn.glitch.global/82d9a3df-2d01-4688-a841-d2740d158a51/blonde-haircut-ad.png?v=1697305487976”);
background-repeat: no-repeat;
background-size: 20%;
background-position: right;
height: 300px;
margin-bottom: 10%;
margin-left: 15%;
width: 80%;

Hi @zee-d, welcome! You just have a little syntax error there - remove the .../ in front of the url for background-image property and then you should be good to go.


Thank you greatly! I’m pretty sure I tried that before. Anyway, it works now. Thanks for welcoming me to the community and thank you for your help.


This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.