Joomla Templates Club 406,261 posts

[Rusell Cerrato Friend Rusell CerratoJoin date: September 2014Posts: 220Downloads:0Uploads:41 Thanks: 120 Thanked: 8 times in 1 posts]

#173166

hello guys!

I read many posts related to setting an background umage on several templates, however dont know f those apply to Teline IV.

lets say i want to add the image /images/coolimage1.jpg which could be 960×1500… how can I replace the entire webpage background to have this image?

thanks for all..

rgds

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#435335

hi
please provide your site url so i can help you
thank you

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#435362

It is actually a little more complext to achieve in Teline IV. Changing the background is easy simply by editing template.css line 20

body#bd {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
font-size: 12px;
line-height: 1.5;

}

But that will not solve everything due to the way Teline IV was designed. You will find the menu is transparent so you would need to adjust css for that. Depending on what you want it will take more work.

If you can post images detailing exactly what you want along with your URL that would help us. With that I am certain Jooservices will be able to advise in great detail for you.

Another option would be to use JA Nex which is very similar to Teline IV but has backgrounds already included and in my mind is a nicer template.

1 user says Thank You to Phill for this useful post

1. Rusell Cerrato

[Rusell Cerrato Friend Rusell CerratoJoin date: September 2014Posts: 220Downloads:0Uploads:41 Thanks: 120 Thanked: 8 times in 1 posts]

#435435

Thanks guys!
Unfortunatelly Teline IV bes suits my customer business model.. so changing to Nex can not proceed, even if I like it too!.

I will try to add this block on line 20 and see..

but what if I want an specific image? like a photo?
this is the site. http://inforagro.hn/demo1

thanks again!

[Rusell Cerrato Friend Rusell CerratoJoin date: September 2014Posts: 220Downloads:0Uploads:41 Thanks: 120 Thanked: 8 times in 1 posts]

#435436

thanks, this is the site.

http://infoagro.hn/demo1

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#435441

The above code is what you want to edit. It is basic css

Change the line above in red to something like

background: url(“../images/yourimage.jpg”) no-repeat scroll 0 0 transparent;

The exact code really does depend on your image chouce. Plus you would need to add a background to the menus.

2 users say Thank You to Phill for this useful post

1. waelali
2. Rusell Cerrato

[Author]

Posts