On my static home page, the client wants the borders between all columns to be dotted instead of solid. I changed the border between the left sidebar (the nav bar) and the middle div to dotted, but can't figure out where to change the style of the border between the two columns within the middle div. (See http://www.bookbuilders.org/wordpress/).

Where would I change that setting? I am familiar with CSS and do work in the styles.css and header.php, but it would, of course, be simpler to change it in the Theme Options panel, if possible.

Thanks in advance,
Spencer

Looks like you put another table into the layout. You'd have to style that inline, or give that table a class or ID and style it through HTML/CSS Inserts -> CSS Inserts

To proceed with the inline styles that you are already using, replace i.e.

<td valign="top" border-right-style="dotted">

with

<td valign="top" style="border-right-style:dotted">

To use CSS Inserts:

In HMTL
<td valign="top" id="somename">

In HTML/CSS Inserts -> CSS Inserts:

td#somename {
border-right-style: dotted;
...other styles ...
}

I've changed the border color on the right column to the same as the background to make it disappear. The unwanted side effect is a 1 pixel white border between headings at the top of the center column and the right column. See:
http://depts.washington.edu/ophthweb/.

I haven't been able to figure out which column is on top so I can change the margin to overlap the other one by that measly little pixel to mask the effect.

Any thoughts?

Bill

Originally Posted by bcorrigan

I've changed the border color on the right column to the same as the background to make it disappear. The unwanted side effect is a 1 pixel white border between headings at the top of the center column and the right column. See:
http://depts.washington.edu/ophthweb/.

I haven't been able to figure out which column is on top so I can change the margin to overlap the other one by that measly little pixel to mask the effect.

Any thoughts?

Bill

You can just remove the line with "border-left:...". That "border same color as background to remove it" technique is for the horizontal menu bars which are in rather complicated CSS. The layout is a table, and less complicated to style