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   473 Views

Avatar
Lemonie

Community Member, 70 Posts

27 June 2012 at 5:24am

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

Community Member, 7 Posts

27 June 2012 at 6:00am

Edited: 27/06/2012 6:01am

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

Community Member, 70 Posts

27 June 2012 at 8:42am

Edited: 27/06/2012 8:56am

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

Community Member, 25 Posts

27 June 2012 at 12:07pm

Edited: 27/06/2012 12:19pm

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>