Image as Background in World News

Advanced newspaper or magazine Joomla template to build news website with unique and detailed design.
GK User
Wed Mar 31, 2010 2:27 am
Good day to you gentlemen I was hoping that you could help me out.

I have been trying for a couple hours to change the background of my site into an image. I have read most threads pertaining to this but am still having issues here is what I have done.

First I uploaded a file named "background.png" in to both the /public_html/images and the /public_html/templates/gk_twn/images file. All I have seen is images/background.png so to ensure i covered my bases so on and so on

Second I entered "background:transparent url(images/background.png) repeat;" into
the body portion of the template.css located in

public_html/templates/gk_twn/css/template.css

I assume the body portion now looks like this

body {
background:transparent url(images/background.png) repeat;
}

at first I put it under the 3 prior lines in the section and had no luck, so I deleted them and this is what I have now.

I am not using the compressed template.css I just double checked.

The site is www.frederickwestiii.com (One of the advantages of reading prior posts lol)

Thanks Guys
User avatar
Fresh Boarder

GK User
Wed Mar 31, 2010 10:55 pm
Hi gavick team,

Me too, i try to add a background image on the TWN templates. I can see my background after add it to the template.css but we can see this background on the header, and all the others templates positions.

I only want the blue background appear on the left and on the right template but not inside the all positions. I need having a blank background inside all this positions (adv,user,top,left,right,footer.... positions).

I can give you the url of my website because it's an intranet website. Sorry.
User avatar
Expert Boarder

GK User
Thu Apr 01, 2010 10:14 pm
Hey Guys, it has been a few days since I got a reply on this topic. Just tryign to Bump it!
User avatar
Fresh Boarder

GK User
Thu Apr 01, 2010 10:51 pm
Hi coachwest

I read your thread before but as I said before, I got to put a blue background on my template but the problem is that the blue background is visible even within the positions of the template. But I hope that it is visible on the left and right of the template but not inside. Also I did not find which file I can change the code to make the interior of the template white and have only the left and right template blue.
User avatar
Expert Boarder

GK User
Fri Apr 02, 2010 12:44 am
Hey abdenour your further along than I am, I can't geet anything up lol.
User avatar
Fresh Boarder

GK User
Fri Apr 02, 2010 8:07 am
This is what I did.

www.national-coalition.net


background: url('../images/background.png') no-repeat
User avatar
Fresh Boarder

teitbite
Fri Apr 02, 2010 1:16 pm
Hi

tmaximus is right. You need to add 2 dots before the "/images" directory.

But second thing is that I do not see the code You've mentioned at Your site. Please add this to the end of template.css

Code: Select all
body {
background:transparent url(../images/background.png) repeat !important;
}
User avatar
Moderator

GK User
Sun Apr 04, 2010 10:49 pm
Hi,

What I want to do is to add a blue background on the left and right of the TWN template.
On the template.css I have insert this code

body {
background:transparent url(../images/background.png) repeat !important;
}

The blue background appear correctly but not only on the left and right template. I have this background too inside the template on all positions. I don't want this. I don't know where I can add a code like background:#FFFFFF; for having the inside template blank.
Please see the attached file, it describes exactly what I want.
User avatar
Expert Boarder

GK User
Sun Apr 04, 2010 11:59 pm
Hi

Try adding this code on template.css file:

Code: Select all
#gk_wrapper {background: #fff;padding: 0 10px 10px}


Cheers ;)
User avatar
Platinum Boarder

GK User
Mon Apr 05, 2010 1:54 am
You are the best Seichinha, that's work correctly. Just one last thing. How can I do to get my background once height without image have a great height for my background image is shaded blue. I tried to date with the repeat function and no-repeat but it does not give the desired result. Am I in this case see my background image has a great height (over 1000 pixels for example)?.

Thank you for your help
User avatar
Expert Boarder

GK User
Thu Jan 27, 2011 1:27 am
Hi,

In template.css

first i add

body
{
margin:0;

padding:0;

background:#fff url(../images/bg.png) center center fixed no-repeat!important;
}

and second

I add this at the end of template.css

#gk_wrapper {background: #fff;padding: 0 10px 10px}

..but the background image appears in the center of page...and i want to place it only left and right only...in the center I want a white color background (#fff)
User avatar
Junior Boarder

teitbite
Thu Jan 27, 2011 6:03 pm
Hi

Please explain it with "BIG LETTERS" to me :) And show this site.
User avatar
Moderator

teitbite
Thu Jan 27, 2011 6:06 pm
Hi

Ok. I've found a mail with explanation. Please send me also the access to the site. It's offline.
User avatar
Moderator


cron