nsForum logo

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Spacing Between Categories
SteveZ
post Mar 18 2009, 07:34 PM
Post #1





Group: Verified NS Member
Posts: 5
Joined: 18-March 09
Member No.: 4,005



In a Browse by Category column module, is there any way to leave a blank line between categories but not sub-categories?
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 18 2009, 10:17 PM
Post #2





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



It should be possible, would you mind posting a link to your site so I can work it out?
Go to the top of the page
 
+Quote Post
SteveZ
post Mar 19 2009, 05:54 AM
Post #3





Group: Verified NS Member
Posts: 5
Joined: 18-March 09
Member No.: 4,005



QUOTE (AndyT - MC @ Mar 18 2009, 11:35 PM) *
It should be possible, would you mind posting a link to your site so I can work it out?



I just started it yesterday, so it's kind of incomplete: http://02d50b8.netsolstores.com/index.aspx
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 19 2009, 08:08 AM
Post #4





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



I think this style rule should do the trick:

CODE
ul.cat-nav li { margin-bottom:15px }
ul.cat-nav li ul li { margin-bottom:0 }

You can add that to a CSS file, like default.css, and drop it in your current theme's css directory using the file manager, or just add it to the Header HTML using style tags:

CODE
<style type="text/css">
  ul.cat-nav li { margin-bottom:15px }
  ul.cat-nav li ul li { margin-bottom:0 }
</style>
Go to the top of the page
 
+Quote Post
SteveZ
post Mar 19 2009, 08:56 AM
Post #5





Group: Verified NS Member
Posts: 5
Joined: 18-March 09
Member No.: 4,005



QUOTE (AndyT - MC @ Mar 19 2009, 09:26 AM) *
I think this style rule should do the trick:

CODE
ul.cat-nav li { margin-bottom:15px }
ul.cat-nav li ul li { margin-bottom:0 }

You can add that to a CSS file, like default.css, and drop it in your current theme's css directory using the file manager, or just add it to the Header HTML using style tags:

CODE
<style type="text/css">
  ul.cat-nav li { margin-bottom:15px }
  ul.cat-nav li ul li { margin-bottom:0 }
</style>



That worked great, thanks.

Is there any central documentation on the names of the css style classes, like ul.cat-nav, so I can experiment with other design things I'd like to do? I see that the theme css is hidden can't be viewed in file manager.
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 19 2009, 10:33 AM
Post #6





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



QUOTE (SteveZ @ Mar 19 2009, 09:14 AM) *
Is there any central documentation on the names of the css style classes, like ul.cat-nav, so I can experiment with other design things I'd like to do? I see that the theme css is hidden can't be viewed in file manager.

There isn't any specific documentation on the class names and where they apply. This is something we're looking to produce, but it will be a fairly difficult task to do in a good and usable way.

Overll, the classes on elements are named logically by function, making it easy to apply styles to specific pages, types of pages, or sections. I'd recommend viewing the default CSS document from a theme in combination with an HTML inspection plug-in like FireBug or the Web Developer toolbar for FireFox.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 21st March 2010 - 10:46 PM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates