Joomla Templates Club 406,261 posts

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#170931

Hi.

I want to add an image background to ja-rave.

I’m trying to do this in template.css folder, but I can’t. Concretly, in

/* COMMON STYLE
——————————————————— */
body {
color: #333;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}

body#bd {
background: #f2f2f2;
color: #333;
}

The image is located into ../images/NY.jpg, but using background agtribute it doesn’t work.

How can I proceed to do this?

Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425777

Hi davidsg3

Could you post a link to the page where you want the background ?

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#425778

Yes.
The page I would to insert is http://www.viatgesconcord.com
Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425781

The template as you know is divided in different sections layout header section Top section Middle section

so if you want a background for all the site is a complex work

maybe you can post a screenshot with your annotations on how you want your background should be

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#425787

Hi.

I just want to apply background only to green zone, as it follows:

thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425810

You can manage this file

plugins/system/jat3/base-themes/default/css/layout.css

and this code around line 86

#ja-header {
}


add a background: url(../images/NY.jpg) so it will be

#ja-header {
background: url(../images/NY.jpg)
}


[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#426330

Hi Pavit.

I did it but it doesn’t work.

I changed the code as it follows:

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}

/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }

/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%; }

/* HEADER
--------------------------------------------------------- */
#ja-header {
background: url(../images/NY.jpg) <-------------------------------------------------------
}

/* FOOTER
--------------------------------------------------------- */

Is it in the correct place?

Thanks

[Author]

Posts