Background image still won't show? -...

User 2741647 Photo


Registered User
37 posts

Hello community,
another problem.

My background image won't show.
*I have nothing in my CSS file.
*This is what I have: http://gyazo.com/d83833f578ff5c6b86f4d3e1108b46f4

I hope you can help!
User 187934 Photo


Senior Advisor
20,181 posts

Your referencing your desktop.
Put the image inside a folder named images inside your project and make your code like this.
background-image:url('images/background_image.png');
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2741647 Photo


Registered User
37 posts

Eric Rohloff wrote:
Your referencing your desktop.
Put the image inside folder named images inside your project and make your code like this.
background-image:url('images/background_image.png');

Where would that folder be located? I can't find one.
So what I did was make a folder with that in it. Didn't work.
User 187934 Photo


Senior Advisor
20,181 posts

Can you share a link to your page?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2741647 Photo


Registered User
37 posts

Eric Rohloff wrote:
Can you share a link to your page?

Yes,
http://kevinsbodyandpaint.coffeecup.com/
User 103173 Photo


VP of Software Development
0 posts

Crazy wrote:
Eric Rohloff wrote:
Can you share a link to your page?

Yes,
http://kevinsbodyandpaint.coffeecup.com/

You still need to upload the background image:

http://kevinsbodyandpaint.coffeecup.com … _image.png
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,181 posts

This
body {
background-color: #ffffff;
background-image: url("desktop/images/background_image.png");
background-repeat: no-repeat;
color: #000000;
}

should be this
body {
background-color: #ffffff;
background-image: url("images/background_image.png");
background-repeat: no-repeat;
color: #000000;
}

And this
<body background="background_image.png">

should be
<body>

Then upload the image to your server into a directory named images.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2741647 Photo


Registered User
37 posts

I don't see a directory named images, all I see is root.
User 103173 Photo


VP of Software Development
0 posts

Crazy wrote:
I don't see a directory named images, all I see is root.

That would be a directory you have create and then reference your images from it.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2741647 Photo


Registered User
37 posts

Scott Swedorski wrote:
Crazy wrote:
I don't see a directory named images, all I see is root.

That would be a directory you have create and then reference your images from it.

I'm a newbie at this... how would you do that?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.