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.

Archive

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

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

Watermark image as background on container


Reply

5 Posts   1539 Views

Avatar
gkinane

10 July 2008 at 4:30am Community Member, 22 Posts

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

10 July 2008 at 4:38am Community Member, 78 Posts

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

10 July 2008 at 6:03am Community Member, 22 Posts

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

10 July 2008 at 8:23pm Community Member, 78 Posts

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

11 July 2008 at 12:02pm Community Member, 22 Posts

Pixel

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

Regards

Gerry