Joomla Templates Club 406,261 posts

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#158807

Hello, my client would like me to try changing the background image. The image will need to fade-out towards the bottom. What image(s) do I need to change to cover the entire background?

How big do I make the image?

Thank you.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372013

You can upload the attached image to ::

template/ja_portfolio/images

and then, change this::

body#bd {template.css (line 23)
background: url(“../images/bd-bg.jpg”) repeat scroll 0 0 #F5F6F7;
color: #525253;
}

to

body#bd {template.css (line 23)
background: url(“../images/top_bar_bg.png”) repeat scroll 0 0 #fff;
color: #525253;
}

Hope this helps 🙂

Cheers

---

Attachments:

1. 

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#372032

Hi , I cannot see the attachment. The image the clients wants me to use is an image of green grass I will need to purchase. What size do i need to make it? Thanks again!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372054

<blockquote>What size do i need to make it?</blockquote>

It would all depend upon your requirement. You can probably, post your image here and I would try to suggest in best measure for it 🙂

Cheers

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#372290

I can’t seem to get the “Attached Image” you have put in the post. How do i get it?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372358

<em>@sbaldwin 215607 wrote:</em><blockquote>I can’t seem to get the “Attached Image” you have put in the post. How do i get it?</blockquote>

You can right-click on the attached image and then, click on save image naming it as top_bar_bg.png

1 user says Thank You to aman204 for this useful post

1. sbaldwin

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#374444

Hi, what file do I change the code in as I went into template.css file and it looks different on line 23. I don’t see repeat scroll etc. Thanks.

<em>@aman204 215226 wrote:</em><blockquote>You can upload the attached image to ::

template/ja_portfolio/images

and then, change this::

body#bd {template.css (line 23)
background: url(“../images/bd-bg.jpg”) repeat scroll 0 0 #F5F6F7;
color: #525253;
}

to

body#bd {template.css (line 23)
background: url(“../images/top_bar_bg.png”) repeat scroll 0 0 #fff;
color: #525253;
}

Hope this helps 🙂

Cheers</blockquote>

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374474

It can also make difference for lines due to varied editors 🙂

Other way, You can use ctrl+f command to find in above reference

[Author]

Posts