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.

Archive /

Our old forums are still available as a read-only archive.

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

Watermark image as background on container


Go to End


5 Posts   1917 Views

Avatar
gkinane

Community Member, 22 Posts

10 July 2008 at 4:30am

Is it possible to have a watermark image (e.g. Company logo) as the background to main areas of site ?

If so how is it done ?

Any help appreciated.

Regards
Gerry

Avatar
Pixel

Community Member, 78 Posts

10 July 2008 at 4:38am

Just wrap a div around $layout in the template and in the Layout CCS and give the div a background image. Or if there is a div already around it - just give that a background image.
If your content area expands ie. height: auto; give the div a background colour the same as the background to the image

Avatar
gkinane

Community Member, 22 Posts

10 July 2008 at 6:03am

Hi Pixel

Did that in Page.ss (code below)
<div id="Main" class="typography">
$Layout
background-image:url(../images/bglogo.gif);
</div>

I obviously have something wrong as this does not work.

Thanks for help

Avatar
Pixel

Community Member, 78 Posts

10 July 2008 at 8:23pm

Yes you need to put the background image in the CSS not the SS

.SS looks like

<div id="Main" class="typography">
$Layout
</div>

CSS (themes/YOURTHEME/css/layout.css) could look like

#Main {
height: auto;
width: ????px;
padding: 10px;
float: left;
background: #FFFFFF url(../images/bglogo.gif) no-repeat;
}

Avatar
gkinane

Community Member, 22 Posts

11 July 2008 at 12:02pm

Pixel

Thank you . That worked perfectly. All I need to do now is reduce the opacity.

Regards

Gerry