Joomla Templates Club 406,261 posts

[steflick Friend steflickJoin date: August 2009Posts: 29Downloads:0Uploads:0 Thanks: 16]

#149564

Earlier I have posted an issue on the Rasite background and how the design is put together to meet content area in different size.

Right now the design is giving me a hard time. Both when the background images are too far apart, and when they clash:

1. http://www.dysleksi-i-fokus.dk/joomla/index.php/har-du-dysleksi/37-kendetegn

2. http://www.dysleksi-i-fokus.dk/joomla/

OK. All I need is to have one top graphic which I can repeat-x and blend into the background color of my own choice.

Is that not possible?

[dundalkfc Friend dundalkfcJoin date: February 2010Posts: 1Downloads:0Uploads:0 Thanks: 2]

#337039

<em>@steflick 169698 wrote:</em><blockquote>Earlier I have posted an issue on the Rasite background and how the design is put together to meet content area in different size.

Right now the design is giving me a hard time. Both when the background images are too far apart, and when they clash:

1. http://www.dysleksi-i-fokus.dk/joomla/index.php/har-du-dysleksi/37-kendetegn

2. http://www.dysleksi-i-fokus.dk/joomla/

OK. All I need is to have one top graphic which I can repeat-x and blend into the background color of my own choice.

Is that not possible?</blockquote>

I have the exact same problem as steflick. Is there any chance that someone could show us how to resolve this problem please?

I need either to use one large top background image or change the colour of the page to suit a top and bottom image.

Thanks in advance

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337066

Yes you can, you just have to open templates/ja_rasite/css/colors/light_orange.css and edit these two instances:

body#bd { background: url(../../images/light_orange/body-bg.gif) repeat-x left top #F9F3B9; }

to

body#bd { background: url([background image of choice]) repeat-x left top #; }

and

#ja-container { background: url(../../images/light_orange/container-bg.gif) repeat-x left bottom; }

to

#ja-container { background: transparent; }

2 users say Thank You to ftht1 for this useful post

1. dundalkfc
2. playconsole

[Author]

Posts