CSS background image display issues

Coding Help
1

Hello,

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%;
}

2

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.

2 Likes
3

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.

2 Likes