Joomla Templates Club 406,261 posts

[Juniamission Friend JuniamissionJoin date: October 2005Posts: 60Downloads:0Uploads:0 Thanks: 12]

#134692

I have a simple question about repeating images in the layout. I want a image to repeat it self like this image below (the red arrow marks the image) from left to right. Using 100% of the template layout. How can I do that?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276669

you can add template.css (line 483)

#ja-wrapper {
background:url(../images/yourimage);---> add this line
}

Add your image into templates/ja_olivine/images folder and edit line about follow your image name

[Juniamission Friend JuniamissionJoin date: October 2005Posts: 60Downloads:0Uploads:0 Thanks: 12]

#276673

Many tanks! but how can I repeat this images just as a horizontal thin line?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276674

If you want repeat horizonal:

background:url(../images/yourimage) repeat-x;

If you want repeat vertical:

background:url(../images/yourimage) repeat-y;

[Juniamission Friend JuniamissionJoin date: October 2005Posts: 60Downloads:0Uploads:0 Thanks: 12]

#276676

Hello again…:-)

I have added this line
background:url(../images/logo_horizont.gif) repeat-x;

But I can not se any result. Is it not possible to use .gif images with the repeat-x syntax?

I can se the image repeat it self without (repeat-x) on the whole page. But I just want a thin line…

With (repeat-y) it works but not (repeat-x)?!

The original images is width=”217″ height=”5″

/Sam

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276680

Can you give us your live URL, any screenshot or more details of the problem will be helpful

[Juniamission Friend JuniamissionJoin date: October 2005Posts: 60Downloads:0Uploads:0 Thanks: 12]

#276682

http://foretegar.sc10.se/index.php
As you can se I have the the code without any repeat syntax. So the image is repeting it self on the whole page.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276694

ì you want that image repeat under main menu, you can remove backroung as i said above, then edit like :
Change template.css (line 560)

#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {
background:transparent url(../images/grad-1.gif) repeat-x scroll center bottom;
margin:0;
padding:30px 0;
}

to

#ja-containerwrap, #ja-containerwrap-fr, #ja-containerwrap-fl, #ja-containerwrap-f {
background:transparent url(../images/logo_horizont.gif) repeat-x scroll center top;
margin:0;
padding:30px 0;
}

1 user says Thank You to Sherlock for this useful post

1. Juniamission

[Juniamission Friend JuniamissionJoin date: October 2005Posts: 60Downloads:0Uploads:0 Thanks: 12]

#276708

Many thanks! You are the best….:):):)

[Author]

Posts