What file is .leftBoxContainer located in?

**BekahRuth** · 15 Sep 2007, 02:26 AM

Right now I have .leftBoxContainer controlling my sideboxes. I'm trying to figure out what file tells the website to use .leftBoxContainer? I know where it is in my stylesheet, but I need to know which file tells the website to use this style? Does anyone know which file this is? I've spent hours trying to find it.

**Kim** · 15 Sep 2007, 02:33 AM

It is in the tpl_main_page.php. Exactly what are you needing to do?

**Andy McG** · 19 Sep 2007, 08:44 PM

Originally Posted by BekahRuth

Right now I have .leftBoxContainer controlling my sideboxes. I'm trying to figure out what file tells the website to use .leftBoxContainer? I know where it is in my stylesheet, but I need to know which file tells the website to use this style? Does anyone know which file this is? I've spent hours trying to find it.

I've also tried to locate it using the Dev Tools in ZC admin, but it keeps giving an error message and file not found

I'm trying to control the text colours (active, link, hover....) of the text in the side boxes.

**BekahRuth** · 20 Sep 2007, 07:29 AM

Originally Posted by Andy McG

I've also tried to locate it using the Dev Tools in ZC admin, but it keeps giving an error message and file not found

I'm trying to control the text colours (active, link, hover....) of the text in the side boxes.

Are you trying to find it in the stylesheet? If it's not in the stylesheet, you will have to add it. What I ended up doing is adding #categoriesContent to the stylesheet to control that sidebox's background. To change the text of the category names, you will have to add #category-top:link, #category-top:visited, #category-products:hover, etc. to your stylesheet. Does that help?

**Andy McG** · 20 Sep 2007, 11:38 AM

Thanks for the reply. I'll give it a try and post the results. Does it matter whereabouts in the stylesheet it goes?

**Andy McG** · 20 Sep 2007, 11:49 AM

I added the this code to my CSS stylesheet and placed in into the /*sideboxes*/ section.

#category-top:link { /*I added these to try and control the categories link text color*/
font-size: 1em;
color: #ffffff;
}

#category-top:visited { /*I added these to try and control the categories link text color*/
font-size: 1em;
color: #ffffff;
}

#category-products:hover { /*I added these to try and control the categories link text color*/
font-size: 1em;
color: #999999;
}

It doesn't seem to make any difference. I wonder if the text colour is being over-rided somewhere else???
Or should I define the #category-top:link, #category-top:visited, #category-products:hover somewhere else as well?

**BekahRuth** · 21 Sep 2007, 05:20 AM

Do you have a link where I could see what you're talking about?

**Andy McG** · 21 Sep 2007, 07:36 AM

Yep, sorry. In all the excitement I forgot to post the link

The problem starts once a user clicks on a products link and is presented with the product listings and/or product page.
Plus I'm trying to find how to change the chunky bold text on the welcome message page.

My site

Thanks

**BekahRuth** · 22 Sep 2007, 08:52 PM

Sorry, I was mistaken, the category-top styles are classes (.category-top) not ids (#category-top). Delete the three things I gave you earlier and add these:

.category-top{insert font-size, color, etc. here}
.category-top:link{}
.category-top:hover{}
.category-top:visited{}

If you have sub-categories, you can add this also:
.category-products{}
.category-products:link{}
.category-products:hover{}
.category-products:visited{}

**BekahRuth** · 22 Sep 2007, 08:59 PM

The reason your font on the front page is so large is that the h1 and h2 tags are being applied to the text. One option is to change the font-size for your h1 and h2 in your stylesheet, but keep in mind this will change the font size for all items on the website using the h1 and h2 tag.