Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Changing border of middle column (http://forum.bytesforall.com/showthread.php?t=1955)

spencer Jun 6, 2009 08:15 PM

Changing border of middle column
 
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

Flynn Jun 10, 2009 07:03 AM

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 ...
}

bcorrigan Jun 10, 2009 11:20 AM

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

Flynn Jun 11, 2009 10:45 AM

Quote:

Originally Posted by bcorrigan (Post 8221)
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


All times are GMT -6. The time now is 07:31 AM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.