Support for CSS Flyout Menu

[dudemaaan]

Ok setting the top align to 0 worked perfectly! Thanks a hundred times.

My tpl_categories.css wasn't located in the directory you listed. I found mine in "includes/templates/CUSTOM/sideboxes/tpl_categories.css

I opened it up and it looks pretty close to what you have

if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true'){
    $content .= '';  // insert a blank line/box in the menu
    if (SHOW_CATEGORIES_BOX_SPECIALS == 'true') {

Does it need the "<p><p>" or do I need to move it to the other directory?

One last unrelated question. Can I add arrows only to the categories with sub categories? My version has no background images or references to images right now.

[Get Em Fast]

No, don't move it. That was my bad.......I forgot a folder. Sorry for the confusion.

Yes, you put the '<p></p>' for a blank line.

Hope this helps.

[dudemaaan]

When I add the '<p></p>' I end up with a double white space and no line between the products and specials area.

I've tried <hr> with varying styles but It never comes out quite right. It's always a white section with a line in it. Or something else weird. All I really want is a grey line that divides it. I tried a <div> styled but then it changed my whole page some how so I took it off.

[Get Em Fast]

When I add the '<p></p>' I end up with a double white space and no line between the products and specials area.

I've tried <hr> with varying styles but It never comes out quite right. It's always a white section with a line in it. Or something else weird. All I really want is a grey line that divides it. I tried a <div> styled but then it changed my whole page some how so I took it off.

Find this section of code in the "stylesheet_categories_menu.css" (at the very top):

div#nav-cat {
     margin-top: 0em;
     background-color: #ffffff;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     font-weight: normal;
     font-size: 1.3em;
}

and change the "background-color: #ffffff;" to transparent, making the whole section looking like this:

div#nav-cat {
     margin-top: 0em;
     background-color: transparent;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     font-weight: normal;
     font-size: 1.3em;
}

Hope this helps.

[dudemaaan]

awesome! that did it. Thanks!

[Get Em Fast]

awesome! that did it. Thanks!

Anytime. Glad to see you've got it worked out.

But, now that you've got it the way you want it, you might want to replace it, as FireFox isn't reading it............for some reason all I see when I went to edit your stylesheet_categories_menu.css, all I could see was: "ÿþb"..........that's it.....nothing else.

Did you recently install from a backup?
What editor do you use to edit you .css files?

[dudemaaan]

I used dreamweaver and uploaded it via filezilla. I've heard dreamweaver isn't the best for editing the files but it seemed to always work for me. I've also had filezilla corrupt the files before when it wasn't set to bianary upload. So why is everything working and looking correctly on the site if the file is screwy?

Also where do you go in firefox to read the file? So that I can test or check for that in the future