What file is .leftBoxContainer located in?

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. :shocking:

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

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. :shocking:

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 :frusty:
I'm trying to control the text colours (active, link, hover....) of the text in the side boxes.

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 :frusty:
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?

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

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?

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

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

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

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{}

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.

To control the fonts in the information sidebox, try adding
.sideBoxContent {color:#ffffff; etc.}
.sideBoxContent:link{}
.sideBoxContent:hover{}
.sideBoxContent:visited{}

if this doesn't work, try adding
#informationContent {}
#informationContent:link{}
#informationContent:hover{}
#informationContent:visited{}

Hi Rebekah,
Thanks for your reply. I've inserted the following code into my style sheet in the /sideboxes/ section.

.category-top {/trying to control the side box text colors on differnt states/
font-size: 1em;
color: #000000
}
.category-top:link {/trying to control the side box text colors on differnt states/
font-size: 1em;
color: #ffffff;
}
.category-top:hover {/trying to control the side box text colors on differnt states/
font-size: 1em;
color: #999999;
}
.category-top:visited {/trying to control the side box text colors on differnt states/
font-size: 1em;
color: #ffffff;
}

It doesn't seem to make any difference whatsoever. But this is only really a cosmetic requirement for me. It would be good for example if the sidebox links would turn a light grey upon a rollover but not essential to the working of the site.
I'll leave it for now so I can concentrate on the more important sections, and pick it up again if I have time later.

Thanks for your efforts on this though.