Changing BG Color of columns - please help

[Guest]

Hi folks,

 

Can anyone possibly help me figure out where to change the BG Color of columns left, right and main content area?

I have searched the entire stylesheet and havent been abel to find it? I looked in index.php too :'(

 

I was hopign to change the grey colour to the light blue as seen at the url below. As you can see I have only half managed to do it:

http://www.goonlinewebdesign.com.au/genvet...store/index.php

 

Any advice would be GREATLY appreciated. :thumbsup:

[photofxplus]

style sheet:

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

 

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #bbc3d3;

color: #ffffff;

}

 

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

[Guest]

hi photofxplus, thank you for the quick response.

 

I changed the bg color in 'TD.infoBoxHeading' and added 'background: #bbc3d3;' to 'TD.main, P.main' but no change whatsover occured?

[photofxplus]

I just looked at the html on your home page.

You have the column class as:

box_body

 

and no class at all for your body text..

 

something about the 'content management system' whatever that is

<!-- begin homepage text editable in CMS //-->

[Guest]

You have the column class as:

box_body

 

and no class at all for your body text..

 

Isnt this it '.box_body {background:#e3eff3;}' ?

 

something about the 'content management system' whatever that is

<!-- begin homepage text editable in CMS //-->

 

Thats just code for page content thats added from my Database

[photofxplus]

Yep, but thats the code that writes to the browser as well.

 

<td><table border="0" width="" cellspacing="0" cellpadding="0" class="box_body">

<tr>

<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;"><ul><li class="bg_list"><a href=http://www.goonlinewebdesign.com.au/genvet-draft1/store/index.php?

 

Your column table is in the class box_body, changing that color should change the background displayed.

.box_body {background:#e3eff3;}

 

The list items in the column are in the class bg_list, probably sets font and color of text in the column.

 

You can add a class anywhere, such as:

<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">

change to:

<td class="newclass">

 

.newclass { border-left:5px ridge #FF0000;

border-right:5px ridge #FF0000;

background-color:#FFFFFF;

}

 

Or anything you want..

[Guest]

Your column table is in the class box_body, changing that color should change the background displayed.

.box_body {background:#e3eff3;}

It is currently set as what you suggested, but it is still showing the black around the light blue bg color on the side panels?

 

You can add a class anywhere, such as:

<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">

 

where did you find that code?

[photofxplus]

Right click on your home page then select view source, the page that opens is the html read by your browser. Copy all of it then paste in your editor. I do it a lot when I am debugging. Thats how I knew what your page was doing - no secret.

After you have pasted it, if you have a decent editier you can find out what you need to change just by editing the copied file then showing in your browser. Dont upload it to your site, just open it in your browser and it will display. Be advised that at the top you will find:

<base href="http://yourwesite.com">

 

This means that your browser will grab what ever references it needs - such as the style sheet from your website - not from your pc.

 

I installed an Apache server on my computer - XXAMP - that lets me edit and debug everything right here, just as if I was online. Its better than playing with your online website - especially if the playing breaks something and Its free--

 

But that is the html that is putting the border around your column:

<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">

 

Find that in your code and change it.

 

If it is php then it might be something like

echo '<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">';

 

Or do a word search for #282828..

[Guest]

<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">

 

Find that in your code and change it.

 

If it is php then it might be something like

echo '<td style="border:1px solid #282828; border-width:12px 10px 12px 17px;">';

Or do a word search for #282828..

 

Okay thats very strange I opened the stylesheet, index.php, columns left & right, categories.php and did a search for 'border-width:12px' and '#282828' and was unabel to find it?

Does anyone have any suggestions as to where its being generated from?

 

I'm pulling my hair out here :(

[photofxplus]

Its between:

<!-- categories //-->

 

<!-- categories_eof //-->

 

 

So it should either be in:

catalog/includes/boxes/categories.php

catalog/includes/classes/boxes.php

[Guest]

Yeee Haaaa!

That was it, thank you soooooo much :)

 

Would I be pushing my luck on asking you how to get rid of the black line under the last category?

http://www.goonlinewebdesign.com.au/genvet...store/index.php

 

I saw this in column_left.php, removed the spacer but it didnt work:

 

<td><?php echo tep_draw_separator('spacer.gif', '4', '1'); ?></td></tr>

</table>

[Guest]

nevermind got it sorted, the change needed to be made in the boxes.php file.

thanks agin for your help :)

[photofxplus]

It does look better..