I’m trying to display an unordered list horizontally on three pages in my website and I’m finding it difficult to override the CSS. I used Artisteer to create the theme and it doesn’t have the facility to tell lists to display themselves inline.

So, I went into the style sheet through the WordPress themes editor and added in a custom block of code naming a custom id and setting the display selector to inline.

The code looks like this:

—————————
#ulbookmenu ul li a {

list-style-type:none;
margin:0;
padding:0;
display:inline;
}
—————————

This block of code is down at the bottom of the stylesheet where custom code is normally placed. The expected result is for a list of links to display horizontally. However, the actual result shows them displaying vertically.

When I run inspect element on the page the underlying html and css shows the default id code from Artisteer as my custom code fails to overwrite it.

The page can be viewed at http://www.susancreek.com/about-touched-by-the-dragons-breath/ – look at the links on the left side under the H1 header.

I’m tempted to do without using a ul list and see if that works better.

Sincerely,

Broadlighter