Categories Dressing

[DK_Scully]

I'm working on two different websites, www.book-oasis.com and www.timelesserotica.com. I have different categories questions for each of them.

www.book-oasis.com doesn't allow for breadcrumbs (yes, I do have them turned on; I verified it with the template creators). I'd like to add a permanent link to the Index page at the top of my category listing. How can I do that? (Please type slowly...I'm a php moron. LOL) Thanks!

The category listing for www.timelesserotica.com looks a bit strange. The subcategories are a good size, and they turn bold when the category is selected. But the top-level categories are a smaller font. I've spent hours tonight playing with settings all over the place, and I was able to make a lot of good changes...but I haven't found where to change the size of that font. Also, is it possible to reduce the amount of space around the single spacer line at the bottom of the categories?

Thanks very much, it's greatly appreciated!!

[twitchtoo]

I'm working on two different websites, www.book-oasis.com and www.timelesserotica.com. I have different categories questions for each of them.

www.book-oasis.com doesn't allow for breadcrumbs (yes, I do have them turned on; I verified it with the template creators). I'd like to add a permanent link to the Index page at the top of my category listing. How can I do that? (Please type slowly...I'm a php moron. LOL) Thanks!

The category listing for www.timelesserotica.com looks a bit strange. The subcategories are a good size, and they turn bold when the category is selected. But the top-level categories are a smaller font. I've spent hours tonight playing with settings all over the place, and I was able to make a lot of good changes...but I haven't found where to change the size of that font. Also, is it possible to reduce the amount of space around the single spacer line at the bottom of the categories?

Thanks very much, it's greatly appreciated!!

1 - We could add the breadcrumbs code back into the template to use the switch you have turned on in admin.

2 - If you want a permanent link you can copy the code for the home/index link already in zen or add in a simple link like this:
<a href="http://www.YOURWEWBSITE.com/">HOME</a> to the location of your choosing. That could be a handful of pages or in the header with some CSS to move it to the position you prefer throughout the website.

3 - Yes you'll need to add/change the CSS related to the categories to control the size of the font

4 - Yes you can change the line height/spacing around that spacer using CSS.

[DK_Scully]

As I want to add a permanent index link into the categories sidebox, I know it's a little more complex than just typing a link somewhere. How do I add it into the sidebox?

Which css file(s), and which code groups? I've gone through all I can find, changing every font value that looked even remotely like it would work. No joy.

[twitchtoo]

As I want to add a permanent index link into the categories sidebox, I know it's a little more complex than just typing a link somewhere. How do I add it into the sidebox?

Which css file(s), and which code groups? I've gone through all I can find, changing every font value that looked even remotely like it would work. No joy.

1 - a link in includes/templates/YOUR_TEMPLATE/sideboxes/tpl_categories.php would work site wide

2 - Using FireFox you can inspect the code and click on the text you want to change. You will find the CSS that's contributing to the display size if it's not the default. Like sideBoxContent for example. If there is no font/size set - set one and work your way in. You may need to create a new one to handle the various sub/parent spans it's currently using.

[DK_Scully]

I'm sure I've done this before, but I spent the last hour searching, and can't find the answer. How do I change the width of the left sideboxes? Below is what Inspect is showing me:

element.style {
width: 200px;
}
.leftBoxContainer {
margin: 0px;
border: 1px solid #112232;
margin-top: 1.5em;
}
user agent stylesheet
div {
display: block;
}


And under the left column in Inspect, where it shows html code, it says this:

<div class="leftBoxContainer" id="chcategories" style="width:200px">


I need to change the sidebox width to 250, but I can't find that anywhere to do that in the stylesheet.css.

I already changed Configuration/Layout Settings/Column Width - Left Boxes and Column Width - Left, but that didn't do anything at all.

Thanks very much for your help!

[DK_Scully]

Hello? Could someone please help me with this? Thank you!

[Website Rob]

Admin -> Configuration -> Layout Settings
Column Width Left: <- change this to desired pixel width

Another option is to set it to zero and then control width through CSS.