Does it matter where i put the dressing css within my main css file, can I just simply ftp it from the download into my main css file.
Thanks
Does it matter where i put the dressing css within my main css file, can I just simply ftp it from the download into my main css file.
Thanks
What folder is it in now (on your site server)? You can just move it from there to your tempate's /css/ folder. If that is not possible, you can ftp a new copy from your unzipped set on your home computer to the template /css/ folder. You can't FTP a file into another file - or was that a typo for folder?
At any rate, when you put stylesheet_categories_dressing.css into your /css/ folder, it will automatically drop into alphabetical order. You can ignore the file's comment instruction to "copy relevant info into your main stylesheet and delete this file" - that is an optional way to organize things.
Hi, i copy/pasted the stylesheet_categories_dressing.css into my main stylesheet file, and it made no difference to the list of links, however i did wake up this morning and thought of something i didnt check, and that was in the tpl_categories.php file I re-entered the ID numbers for the links correctly and that has now put the dividers in order which makes the links display correctly.
Basically my site now looks exactly the way it did before i installed this mod, but i dont know if what I have done so far is correct. Could you explain to me how I bring the divider lines closer together and make the content a hoverover, as in the drop down menu in admin.
Thanks
HI, im slowly beginning to get it all to work
Im just starting to try and figure out how to make the divider lines closer to the links.
Other than that it is looking brilliant,
Thanks
Do you know how I can make the divider lines closer together, ive been looking all afternoon and cant seem to figure out how to do it, other threads have mentioned that there could be a <br /> somewhere causing the added space to the block. Im hoping that you may know what to do. Thanks
Looks like you have figured it out, and changed directions with your styling. I like the look - do you want arrows for the list markers, or are you happy with the dots? If you make sure the bullet1.gif and bullet2.gif images are in /includes/templates/your_template/images/, they will show up.
If you want divider lines, you can add a border-top like this:Adjust to taste.Code:/* example for top category styling */ a.category-top-text { /*background-color: #ccddff;*/ color: #1122aa; /*margin: 0.2em 0;*/ /*padding: 0.2em 0.3em;*/ border-top: 1px solid #aabbcc; }
See the readme for directions on removing the "List Heading" - you just have to add comment marks // to one line in tpl_categories.php.
Thank you so much for giving me that bit of code, it has just done what i have been trying to find all day. One thing that i cant figure out is, how do i make the divider lines go right to the edge of the border of the categories box, also the hover colour of the background is just short of the edge.
I have now removed the bullets as i think it looks better left plain.
Thanks
Last edited by ben harry; 24 Dec 2008 at 10:03 PM.
You need to remove the padding. Just below .sideBoxContent in your stylesheet, add a new rule for #categoriesContent:And down in the categories section, add this:Code:.sideBoxContent { background-color: #ffffff; padding: 0.4em; } #categoriesContent { padding: 0; }Code:a.category-links {padding-left: 0.4em}
FantasticThat worked perfectly
Im so grateful for your help.
Glenn, you helped me out once already on a different site. thanks so much.
I am trying to apply the same principles on a second site
www.nwamopeds.com/scooterstore
but my catBg1 and catBg1hover are not visible, and they are creating a huge space.
What do I do?
Thanks!
Bookmarks