I added a links module to a page and seven links to the list.  These display as follows:

     link A
     link B
     link C
     link D
     link E
     link F
     link G

I want them to display in alphabetical order, three per line, like this:

     link A     link B     link C
     link D     link E     link F
     link G

I assigned a custom CSS class ("storecats") to the links module instance.  I created a separate CSS file containing the following code:

.storecats ul {
    float: left;
    width: 60em;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
.storecats li {
    float: left;
    width: 20em;
    margin: 0;
    padding: 0;
  }

I added the name of the CSS file to the style.config file in the artisteer-swirly1 skin subdirectory (where I had also placed the custom CSS file).  When I clear the cache and refresh the page, the links list still appears in a single vertical column,  rather than three vertical columns reading left-to-right and then down.  I retried using smaller em values, but the result is always a single vertical column.

I tested the custom CSS file separately in a non-CMS HTML file using a seven item list of links, and it creates the three vertical columns left-to-right and then down the page, as I expected.

I am doing something incorrectly in mojoPortal?

Glenn

Joe,

Thanks for your response.

1. The only custom CSS is the file I created containing the ".storecats" reference and the ones associated with the template.  I did modify the selectors to correspond with your suggestions, but the result was the same.

2. I used Firebug to check where the styling for the list was coming from, and it indicated the class "linkitem" for both the ul and li tags.  That class is contained in the stylemojo.css file.

3. My custom CSS file was already at the end of the style.config file in the artisteer-swirly1 subdirectory, but, based on item 2 above, does not appear to be picked up properly.  Is that supposed to happen automatically, or do I have to do something more?  I had followed the instructions online, before submitting my original question.

Do you have any other ideas?

Glenn