Joomla Templates Club 406,261 posts

[sranantube Friend sranantubeJoin date: June 2010Posts: 98Downloads:0Uploads:6 Thanks: 4]

#196453

Hi,

Ik want to repeat the background picture of the template.
Can somebody tell me please how to do that?

My website http://fathomsalon.nl/

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#529532

With that image it won’t look good if it repeats…

You may be better off fixing it so that the content scrolls over it.

in your /css/colors/movie.css look for this code

add fixed as shown in red

body#bd {

• color: #4F4F4F
• background: url(../../images/movie/body-bg.jpg) no-repeat center top fixed #000000

}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#529543

With the Repeat background image you will get an output like this

Is this what you exactly need? If not try the solution suggested by Swissa above

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529562

Not sure which image that is you are currently using, but here is the basic method of how to repeat a background image (vertically) – using your site as an example:

Look to file path –> /templates/ja_zinc/css/template.css
at line 539, you will see the following:


#ja-wrapper {
background: url("../images/mainwrap-bg.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}

Modify this rule as follows:


#ja-wrapper {
background: url("../images/mainwrap-bg.jpg") repeat-y scroll center bottom rgba(0, 0, 0, 0);
}

For additional information on the CSS repeat-background property –> http://www.w3schools.com/cssref/pr_background-repeat.asp

😎

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#529569

Thanks TomC, thanks Chavan,

Let’s see what sranantube wants to do?

🙂

[sranantube Friend sranantubeJoin date: June 2010Posts: 98Downloads:0Uploads:6 Thanks: 4]

#529769

Hi guys,

Thanks for your replies.

Your options didn’t work at all. I created a new image twice the hight of the Original one. And YES!!!!! It works.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529816

Glad you were able to sort it out.

I assume that the background image you created works for mobile view of your site as well?

All the best with your continuing site development !!! 🙂

[Author]

Posts