Member Avatar for palanisvasam

background-image:url('walltheme.jpg') ;

  • 10 Contributors
  • 12 Replies
  • 524 Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by Member #120589

Dani AI

Generated

The single line posted (just background-image:url('walltheme.jpg')) is only a property value — it needs to live inside a selector or an inline style, and the URL is resolved relative to the CSS file, not the HTML. Common failure modes noted in this thread include the file not being found (), simple typos like the one from , rules being overridden by stronger selectors, and the element having no height so the image never shows (related to ’s point about full-width backgrounds).

Quick troubleshooting checklist

  • Verify the path from the CSS file (e.g., if CSS is in /css/ and images in /images/, use url("../images/walltheme.jpg")).
  • Check the browser DevTools Network tab for 404 or blocked requests.
  • Inspect the element’s computed styles to see if another rule overrides the background.
  • Clear cache or append a version query (?v=2) if the image was replaced but the old one still appears.
  • Watch for server case-sensitivity (Linux hosts) and MIME issues.

Practical, robust pattern (keeps layout and swapping easy)

.hero {
  min-height: 100vh;
  background: #f5f5f5 url("../images/walltheme.jpg") center/cover no-repeat;
}

To change images later, declare small utility classes and swap them on the element or body:

.bg-1 { background-image: url("wall1.jpg"); }
.bg-2 { background-image: url("wall2.jpg"); }

Performance and UX notes: use appropriately compressed images, consider responsive swaps via media queries or image-set for high-DPI, and avoid background-attachment: fixed on mobile. This summary should pull together the scattered suggestions here and make it easier to diagnose why a background image isn’t appearing or how to swap it cleanly.

Recommended Answers

All 12 Replies

Member Avatar for almostbob

and what precisely do you wish to accomplish ?
we can translate um canI and maybe, but can't translate blank

Member Avatar for Taywin

And one issue may be from the image is not found?

Member Avatar for Loosipher

Hi,
In CSS we will use Background image by using following:

   body {background-image:url("baby.gif");}

For color

   body {background-color:#6495ed;}
Member Avatar for Member #120589

I'd wait for palanisvasam to come back. There is no question posed with just a dump of some random styling. No point second-guessing his intentions.

Member Avatar for silverice282

palanisvasam may want to know how to change the background image in CSS from one image to another image, and I guess he or she may find the right answer somewhere else.

Member Avatar for <M/>

The OP isn't coming back... she probably found the answer to this question, knowing this is an easy question that can be googled.

Member Avatar for veera100

body{backgrount:url("image.png") no repeat left bottom 0 0 rgba(0,0,0,0);}

Member Avatar for unclekotok

I find this method great for getting an image to cover the while width of a browser:

height:100%;
background:url('example.jpg')no-repeat center center;
background-size:cover;

Member Avatar for Jack_9

If you want to change the the backround image to something else you can just asign the different image to a div class

Member Avatar for Member #120589

Guys I can see this thread turning into a dump of random background css stuff. If you have a neat css solution, consider posting it as a code snippet. Otherwise we'll be seeing this thread bobbing about on this forum's front page like an unwanted t*rd. BTW Jack - it wasn't me that downvoted.

Member Avatar for <M/>

@diafol, if your mod... don't you have the power to close this thread?

commented: Fair point... +14
Member Avatar for Member #120589

@diafol, if your mod... don't you have the power to close this thread?

In reply:

Closing a thread is a pretty serious matter and not done lightly. It is usually reserved for, but not restricted to, when posters are having a spat / flame war. Contributions are still welcome here as long as they are on topic, although admittedly the topic itself is pretty woolly.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.