Joomla Templates Club 406,261 posts

[mrclickcola Friend mrclickcolaJoin date: March 2007Posts: 16Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#144870

Hello Everyone……

I’m trying to add a border to my template. Basically I’ve installed the template and managed to change the sites background to the color of my choice. Now that I’ve changed the background, all the content on the page is sitting on that background and I dont want it. I know this template is center and what I want to do is create a border for the template and change the background to white just within the template that is border. Everything else be the same color around it. Does anyone know how to border the templates like that. You can checkout what I’m talking about of how it looks right now at CoachedLove.com

To sum it up, I want the centered template to be wrapped with a border and a different background color (white) that the content sits on.

Help:confused:

[mrclickcola Friend mrclickcolaJoin date: March 2007Posts: 16Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#319507

Nevermind, I figured it out. 🙂

[kalibs112 Friend kalibs112Join date: September 2009Posts: 68Downloads:0Uploads:2 Thanks: 22 Thanked: 3 times in 4 posts]

#319509

Hi Mr ClickCola….would you plz help me on how you went about changing the background and indeed how to add a border to the template…been trying to figure this out for ages but just can’t get the answers to it…I am a newbie, that is why…Will be greatful 4 ur help…ciao

[zakladadadic Friend zakladadadicJoin date: March 2009Posts: 62Downloads:31Uploads:6 Thanks: 14 Thanked: 8 times in 1 posts]

#319512

In template.css near line 20, find


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


and change it to (for red color)


body#bd {
background: #D33615;
}


1 user says Thank You to zakladadadic for this useful post

1. kalibs112

[mrclickcola Friend mrclickcolaJoin date: March 2007Posts: 16Downloads:0Uploads:1 Thanks: 2 Thanked: 2 times in 1 posts]

#319514

To put a border around the template itself you will have to select each segment in the index.php and reference to css. For instance:

JA HEADER

You go to the css or as I did to add a border to that by adding

<blockquote>#ja-header .main {
height: 100px;
position: relative;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background: url(../images/bgtp.png) no-repeat;</blockquote>

notice i didnt put a border at the bottom as you want the border to go straight down. After that you would go to the next section which would be the menu. For this part you would just add the border for the left and right, and then go to the next section and do the same. Kind of get it now?

1 user says Thank You to mrclickcola for this useful post

1. kalibs112

[kalibs112 Friend kalibs112Join date: September 2009Posts: 68Downloads:0Uploads:2 Thanks: 22 Thanked: 3 times in 4 posts]

#319569

Thanks for your help….it did all the trick…once I go online I will send u my url to view how I went about it…at the mo I am still working locally….

Thanx a great deal, guys. Ja bless

#ja-header .main {
height: 100px;
position: relative;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background: url(../images/bgtp.png) no-repeat;

[kalibs112 Friend kalibs112Join date: September 2009Posts: 68Downloads:0Uploads:2 Thanks: 22 Thanked: 3 times in 4 posts]

#320827

Mate, do you know how I can include a standard banner in the header of Je Teline??? I followed Scotty’s guidelines but I am bamboozled now coz the header is broken coz the Headline ticker module is pushing the search module down causing some really ugly look….need help on this…ta

[kalibs112 Friend kalibs112Join date: September 2009Posts: 68Downloads:0Uploads:2 Thanks: 22 Thanked: 3 times in 4 posts]

#321338

Mate, do you know how I can include a standard banner in the header of Je Teline??? I followed Scotty’s guidelines but I am bamboozled now coz the header is broken coz the Headline ticker module is pushing the search module down causing some really ugly look….need help on this…ta

[Author]

Posts