0
Welcome Guest! Login
0 items Join Now

Background Image across whole site

Last Post
Search Topic

  • Background Image across whole site

    Posted 13 years 3 months ago
    • Hi, I am just developing my first custom website using Joomla and the gantry framework.

      I have designed it in photoshop and am currently porting it into the gantry template. It is coming along nicely but I have a question which I can't seem to find the solution for.

      I have a background image that not only covers the whole of the browser window but also the content area, how would I go about doing this in Joomla/gantry? I think I can work out how to make it appear at the edges of the screen outwards (to fill the browser window) but it is always placed behind the white content area.

      Anyone have any ideas?

      Many thanks.
    #767057

  • Re: Background Image across whole site

    Posted 13 years 1 month ago
    • I did the same thing. This is what I had to do: in the template.css I changed the background code:

      html body {
      background: url(../images/backgrounds/body-bgd.jpg) fixed center no-repeat;
      }

      The above code fixes the background in place which can be a cool affect when pages scroll and the background doesn't.

      And in the template manager under the Styles tab I changed the Background Color setting to transparent.

      Hopefully by now you've solved this but for anyone else here it is.

    • The following users have thanked you: Rade

    #787285

Time to create page: 0.052 seconds