Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

How to change new boxes with CSS


Recommended Posts

Hi, I have added a contribution to add extra categories to my site. I want to amend the new box which is in column_left to fit in with the boxes I already have there. My site is topclassfurniture.co.uk. If you look at this site you will see that I have managed to change some boxes such as Information, Categories, Search and Shopping Bag.


Now I know how to change most boxes in the stylesheet by amending the code such as:


.InformationBox {
background: #b6b7cb;
TD.InformationBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #b6b7cb;
color: #ffffff;
.InformationBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;


The question I need answering is how do you find out what your "BOX" is called so that I can set up similar code in the stylesheet? Which files do I need to look in to find this information or where is it defined?


Thank you.



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...