How can I change the Styles for different boxes?

[livesol]

Hi All,

 

Building a site at the moment and have the following question.

 

The infoboxes use the style .infoBoxContents for their background colour. This is great, I can set this to what I wish and it changes all the boxes in the left and right columns etc.

 

But

 

The New Products box in the middle of the home page uses the same style for its background colour.

 

I dont want this as the middle of my page is white and it looks silly having the same colour here as in the side colums.

 

But from what I can see the infobox code is used for both the infoboxes and the new products in the middle of the page.

 

How can I separate these so I can give the New Products a different style?

 

Either, where is the New Products table generated so I may change the...

 

<table border="0" width="100%" cellspacing="0" cellpadding="4" class="infoBoxContents">

that begins this table to

<table border="0" width="100%" cellspacing="0" cellpadding="4" class="infoBoxContentsinthemiddleofthepage"> or whatever.

 

or

 

Where is the html code generated for the side infoboxes so I may apply a different style to them.

 

Oh, come to think of it, where is the html generated for the side infoboxes, as I wish to remove the 2 cells either side of the box heading, the ones that usually hold those rounded corner gifs? I just want one table cell up there, preferably all the same table with the heading and the contents etc instead of 2 separate tables.

 

Thanks :)

 

GR

[burt]

Use .css to control the look of infoBoxes.

Do you need more info than that, or is that enough?

[livesol]

Use .css to control the look of infoBoxes.

Do you need more info than that, or is that enough?

 

 

Yeah Burt, this is what I am trying to do.

 

And no problems at all modifying the .css to get what I am after.

 

But

 

My problem is that the Same css style is used for the Infoboxes in the side colums as is used in the new products box in the center of the page.

 

They use the same style .infoBoxContents

 

I want to be able to use different styles for these 2 different boxes in different parts of the page.

 

So, how can I assign a different style to Just the New Products box??

 

I can then get these styled differently, as they sit in different parts of the page.

 

Cheers

 

GR

[burt]

Ok, so it wasn't enough ;)

 

You can use the same css class many times.

 

http://www.google.com/search?rls=ig&hl...mp;aq=f&oq=

 

After reading that, apply the concept to a whole column of infoBoxes rather than to just one.

[livesol]

Ok, so it wasn't enough ;)

 

You can use the same css class many times.

 

http://www.google.com/search?rls=ig&hl...mp;aq=f&oq=

 

After reading that, apply the concept to a whole column of infoBoxes rather than to just one.

 

 

Ah, clever stuff Burt :)

 

Right, I will give that a go tomorow.

 

Thanks a lot :)