Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

Background Image Help

New Here ,
Dec 29, 2016 Dec 29, 2016

Copy link to clipboard

Copied

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

Views

608
Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 29, 2016 Dec 29, 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");

Votes

Translate
Community Expert ,
Dec 29, 2016 Dec 29, 2016

Copy link to clipboard

Copied

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, the only real Dreamweaver alternative.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 29, 2016 Dec 29, 2016

Copy link to clipboard

Copied

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

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 29, 2016 Dec 29, 2016

Copy link to clipboard

Copied

LATEST

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, the only real Dreamweaver alternative.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines