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've moved the forum!

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.

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   1203 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>