Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Simple fix driving me nuts


Reply

4 Posts   444 Views

Avatar
Lemonie

27 June 2012 at 5:24am Community Member, 70 Posts

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

http://coachhousekennels.org.uk

Avatar
ShaggyStyle

27 June 2012 at 6:00am (Last edited: 27 June 2012 6:01am), Community Member, 7 Posts

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

Avatar
Lemonie

27 June 2012 at 8:42am (Last edited: 27 June 2012 8:56am), Community Member, 70 Posts

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?

Avatar
priithansen

27 June 2012 at 12:07pm (Last edited: 27 June 2012 12:19pm), Community Member, 25 Posts

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>