Skip to main content
evans_pierce
Participant
December 30, 2016
Answered

Background Image Help

  • December 30, 2016
  • 1 reply
  • 755 views

I am messing with a website template in hopes of understanding Dreamweaver better, but I cannot figure out how to change the background image.

Does anyone have any advice? I want to change the cliff picture with some other picture. So, the place where that file is located and how to change it would be greatly appreciated!

Link to template: Spatial

Download Link: Download

Thanks,

Pierce

This topic has been closed for replies.
Correct answer BenPleysier

Being a background image, the image will most likely be loaded in a CSS file. In this case it is a file located at http://freedreamweavertemplates.org/preview/spatial/css/style-large.css and the style rules are under #banner on line #1054

background-image: url("images/overlay.png"), url("../images/banner.jpg");

1 reply

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
December 30, 2016

Being a background image, the image will most likely be loaded in a CSS file. In this case it is a file located at http://freedreamweavertemplates.org/preview/spatial/css/style-large.css and the style rules are under #banner on line #1054

background-image: url("images/overlay.png"), url("../images/banner.jpg");

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
evans_pierce
Participant
December 30, 2016

Yes! Thank you so much for your assistance! That is exactly where it was!

BenPleysier
Community Expert
Community Expert
December 30, 2016

A little secret! Go to Web Developer and download the version for your browser. Once installed

1. Go to CSS > Display Style Information

2. Click on the background image and scroll down to the background-image style rule

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!