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