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
This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.
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.
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
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
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
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;
}
Pixel
Thank you . That worked perfectly. All I need to do now is reduce the opacity.
Regards
Gerry