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.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

General Questions /

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

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

Simple fix driving me nuts


Go to End


4 Posts   899 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>