0
Welcome Guest! Login
0 items Join Now

Background Image - Wrapped Header and Footer

Last Post
Search Topic

  • Background Image - Wrapped Header and Footer

    Posted 12 years 4 weeks ago
    • Hey guys

      I am looking to put a simple background image on the sides of the Gantry template - see attachment.

      Unlike other templates, I am finding this hard.

      Is there a tutorial for this or can someone paste the required code needed? I searched the Gantry forums without any luck.

      I am using Joomla 2.5.

      Thanks in advance. 8)
    #950565

  • Re: Background Image - Wrapped Header and Footer

    Posted 12 years 3 weeks ago
    • Anyone??
    #951796
    • Ali Samii's Avatar
    • Ali Samii
    • Elite Rocketeer
    • Posts: 629
    • Thanks: 2

    Re: Background Image - Wrapped Header and Footer

    Posted 12 years 2 weeks ago
    • Hi Andrew:

      To add an image to the background, you need to add it to the body tag.

      In your CSS, add something like this:
      body {
     background: #f2f1ec;
     background: url(url-to-your-image) repeat;
}

      You can control the positioning, size, repeat and other things related to the background image in CSS3.

      Please refer to www.w3schools.com/css3/css3_backgrounds.asp and css-tricks.com/perfect-full-page-background-image/ for more information.

      Also, make sure you are using a custom CSS file or a custom less file. There are lots of forum posts on how to properly configure the custom CSS and less files.
    • Thank you.

      Ali Samii
    #953738

Time to create page: 0.073 seconds