Please take pity as I just cannot figure this out ...
How do I remove the body from behind the header. I want the wooden sign without the white behind.
thanks
This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.
Please use forum.silverstripe.org for any new questions
(announcement).
The forum archive will stick around, but will be read only.
You can also use our Slack channel
or StackOverflow to ask for help.
Check out our community overview for more options to contribute.
Please take pity as I just cannot figure this out ...
How do I remove the body from behind the header. I want the wooden sign without the white behind.
thanks
Simply edit the file layout.css at themes/blackcandy/css/ where it say
#Header {
width: 900px;
height:210px;
margin: 0 0 0 5px;
overflow: hidden;
background: none;
background: #ffffff url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
}
at background change #ffffff with transparent:
#Header {
width: 900px;
height:210px;
margin: 0 0 0 5px;
overflow: hidden;
background: none;
background: transparent url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
}
this should work
Thanks for the reply but that hasn't done it unfortunately.
The sign image is on a transparent background, it is the
***
#Container {
width: 900px;
padding-bottom: 15px;
background: #fff url(../images/containerbg.png) repeat-y;
}
***
that is behind?
layout.css
On line 27 there is a typo
background-repeat:no repeat;
Should be
background-repeat:no-repeat;
On line 80
background: #fff url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
Should be
background: url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
And in the Page.ss move the
<div id="Header">..</div> outside from the <div id="Container">..</div>