Need help with a couple of CSS styles on the left sidebar Categories

How do I get a bullet next to the new "All Products" like the other links have and put the separating line between the two?

And the hover is different compared to the other links, any idea what/where to add to make it have the same hover effect?

http://visionaryscience.net/

Thanks.

First, why do you have/want twoi links to All Products ?

I plan on deleting the bottom one, but I wanted to leave it as an example until I get these couple of things resolved.

Any idea? I'm still stuck.

Thanks.

Might try adding something like this to your stylesheet_betterCategoriesEzInfo.css:

.category-links {
   border-bottom:1px dashed #ccc; 
   display: block; 
   padding-left: 15px; 
   background: url(..images/bc_cat_no_sub.gif) no-repeat; 
   background-position: 5px 8px;}

Hope this helps.

Ok that did work, thank you.

Any idea how to get the arrow next to it like the rest of them?

Why is the Nootropics box bigger than the rest? I've seen this happen in Chrome & in Safari when it wasn't happening in firefox. Any clue what that's from?

Like in Chrome, Featured Products box is HUGE? (I wouldn't be opposed to even doing away with the Featured Products list, but I think the error will just happen to another box.

Oh, I forgot a slash in the image url. If added, your arrow should be there. Sorry about that.

ORIGINAL:

background: url(..images/bc_cat_no_sub.gif) no-repeat;

MODIFIED:

background: url(../images/bc_cat_no_sub.gif) no-repeat;

Hope this helps.

Yes that did, thank you!

Any idea why the large boxes for Nootropics & Featured Products? (and why it's happening more in Chrome & Safari when it's not in Firefox?) I assume with Featured Products it's a larger box because it's taking up 2 lines of text, but the Nootropics one boggles me?

Thanks again!

Still stuck on this last thing, any help is greatly appreciated:

Any idea why the large boxes for Nootropics & Featured Products? (and why it's happening more in Chrome & Safari when it's not in Firefox?) I assume with Featured Products it's a larger box because it's taking up 2 lines of text, but the Nootropics one boggles me?

Thanks.

In the source of your page, the All Products link has a <br /> after it. Find that and remove it and the Nootropics link should be the same as the others.

If you aren't going to use the right sidebox column, I would turn it off globally and make the left column bigger so Featured Products doesn't wrap. Easier to read and looks cleaner.

stevesh:

In the source of your page, the All Products link has a <br /> after it. Find that and remove it and the Nootropics link should be the same as the others.

If you aren't going to use the right sidebox column, I would turn it off globally and make the left column bigger so Featured Products doesn't wrap. Easier to read and looks cleaner.

Ok so taking a look at my tpl_categories.php I found 3 <br />

Which one should I edit & how? - Do I just delete the <br /> & leave the two ' ' or delete those as well?

Line 25:

     $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";
    if (SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
      $content .= '<a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' . CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a>' . "\n";
    }
	$content .= '<br />' . "\n";

Or line 82:

  if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
// display a separator between categories and links
    if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
//      $content .= '<br />' . zen_draw_separator('pixel_silver.gif') . '<br />';
//      $content .= '<hr id="catBoxDivider" />' . "\n";
      $content .= '<br style="line-height: 0;" />' . '<hr id="catBoxDivider" />' . '<br style="line-height: 0;" />';

Probably the first one - try it and see. Leave the single quotes.

stevesh:

Probably the first one - try it and see. Leave the single quotes.

Ok great that worked for the All Products.

Any idea on the second one of Featured Products? I assume it's adding a double line because it won't fit within the box, but if I open the website in Chrome it seems there is an additional <br /> still

Should I just delete the other two?

Actually just taking another look at the other two & they are commented out, so they shouldn't be affected the Featured Products - any other idea what's causing it?

//      $content .= '<br />' . zen_draw_separator('pixel_silver.gif') . '<br />';

I turned off the right sidebar (although I may turn it back on since it was just the Shopping Cart)

I tried extending the entire Categories div which is labeled: element.style

I need to change it from 150px to about 190px so I don't get double lines

But for some reason Firefox Firebug doesn't show where that part of the code is stored like normal - any idea where I can find it in the template?

Thanks.

It looks like you haven't turned off the right sidebox column. The width of the sidebox columns is set in Admin - Configuration - Layout Settings in two different places for each; one for the column width and one for the width of the sideboxes.

JohnnyScience:

I turned off the right sidebar (although I may turn it back on since it was just the Shopping Cart)

I tried extending the entire Categories div which is labeled: element.style

I need to change it from 150px to about 190px so I don't get double lines

But for some reason Firefox Firebug doesn't show where that part of the code is stored like normal - any idea where I can find it in the template?

Thanks.

If you read the readme.html file included in the template package you will find all of the recommended admin settings for this template, including the recommended 180 px width for sideboxes.

Thanks,

Anne

Also Johnny, IMO, I think if you looked at the very first line in you stylesheet_module_tabs.css and remove the "width:300px;", and let the tab bar go all the way across the top, it would look a lot better. But, as I said, that's just my opinion.

stevesh:

It looks like you haven't turned off the right sidebox column. The width of the sidebox columns is set in Admin - Configuration - Layout Settings in two different places for each; one for the column width and one for the width of the sideboxes.

Ahh beautiful, they are all set properly, now thank you!

Any idea why Featured Products still has a double spacing in it inside of Chrome & Safari?

picaflor-azul:

If you read the readme.html file included in the template package you will find all of the recommended admin settings for this template, including the recommended 180 px width for sideboxes.
Thanks,
Anne

Thanks, the readme is definitely thorough!

Get Em Fast:

Also Johnny, IMO, I think if you looked at the very first line in you stylesheet_module_tabs.css and remove the "width:300px;", and let the tab bar go all the way across the top, it would look a lot better. But, as I said, that's just my opinion.

Ok I changed it like you suggested & I do like it, but it looks a little empty, but I guess I will leave it.

Thanks again everyone for the help!