Hello, I am a novice at CSS, I’m only doing this as a part of a class project where we have to modify a CSS html template and create a customized page.
I am using this template here:
http://pixelhint.com/magnetic-free-html5-responsive-photography-website-template/
and on the Inner.html page, I can’t find the code that corresponds to the image. What I have discovered is that in inner.html, the image is controlled by the section class “top”:
but if I delete everything in this section and just leave:
<section class=”top”>
</section><!– end top –>
The image remains. It is only when I delete the rest that it disappears.
In main.css, I have tracked the image down to, appropriately:
/* Inner Page */
.top{
and in particular a line which reads:
background: url(‘../img/hero_image.jpg’) no-repeat;
(line 354)
Obviously this is dictating the background image but I can’t figure out how to change it for each individual page that I make of this style.
***Important: I need to be able to change it for each individual page I create of that style, not have one main CSS code dictate the same image for all of these pages.
Can anyone help?
Thanks!!
