My layout has a black 4px border around the entire layout. When I change the text color this border changes color with it, but I am unable to change the border width or color independently.

I have tried every conceivable option on the Style & configure LAYOUT menu. Right now those settings are:

padding: 20px; /*This effectively only affects top/bottom padding */
background: #ffffff;
border: 0px;

box-shadow: 0 0 15px #dddddd;
-moz-box-shadow: 0 0 15px #999;
/* uncomment next block for round corners */

-moz-border-radius:0px;
-khtml-border-radius: 0px;
-webkit-border-radius:0px;
border: solid; 0 px; #cccccc;
border-radius: 0px;

I tried increasing the border setting to 100, but nothing changed. Altering the padding and/or color setting works, but the border and box shadow color don't. I don't want round corners, so I haven't messed with that.

The border color is controlled in the top Body Style setting field. Resetting color changes both text and border.

I want to set that border to 1 px; #dddddd rather than 4px; #000000.

Thanks in advance for any help you can give.

If you want a square border try the following. I am assuming you want a square border as you set the border radius to 0. Also I am not sure what you wanted to do with the box shadow. If all you want is a border and no shadow or rounding then you could just use the first three lines.

padding: 20px; /*This effectively only affects top/bottom padding */
background: #ffffff;
border: 1px solid #ddd;

box-shadow: 0 0 15px #333;
-moz-box-shadow: 0 0 15px #333;
/* uncomment next block for round corners */

/*
-moz-border-radius:0px;
-khtml-border-radius: 0px;
-webkit-border-radius:0px;
border: solid; 0 px; #cccccc;
border-radius: 0px;
*/

Alas, nothing changed. Not even when I set it to 80px solid #ddd; or solid 80px #ddd;. I double-checked for the semi-colon. I even tried moving that line to the top, as in the example. This setting seems to be stuck!

I do want the shadow to remain intact as it is. I like that.

Any other suggestions? WordPress is not functioning right -- I get error codes for new pages -- and I'm about to install a new domain. So it makes sense to rip out WordPress and start fresh with Atahualpa, which will update the installation to the very latest. If I reinstall my export file, will it retain glitches like this one? Would I be better off to record the relatively few changes I've made and start fresh with Atahualpa too?

I would copy the setting if for nothing else than a backup. Can you post a link to your site or attache a settings file to a reply?

A link to the site as it is right now and probably for the next couple of days: http://sharonlippincott.com/blog

Have you done any editing to the theme files? What plugins do you have installed? I am seeing strange code for the border.

I have not done any editing to anything other than the basic menus: Body, Text & Links, Style & configure LAYOUT, Header Image, MENU 1, MENU 2, Style & edit CENTER COLUMN, Style & configure SIDEBARS ... I think that covers it. Theme files? I don't even know where to find those. I've updated a couple of times. I began working on this about a year ago, and have never taken it to final publication status.

Plugins: Askimet, RAX, Subscribe2. That's it.

I'm not new to HTML, CSS or the Blogger system, but I'm still blundering around in WordPress. It's hard to know when I'm missing a clue and when something really doesn't work as it should!

Could you attach your setting file to a reply?

Originally Posted by lmilesw

Could you attach your setting file to a reply?

Assuming you mean the export file, it is attached.

I don't know how I missed it when I saw the original code but there is an extra border line. Also you have to radius to the rounded corners. Here is the code I would try.

border: 1px solid #ddd;
padding: 20px; /*This effectively only affects top/bottom padding */
background: #ffffff;

box-shadow: 0 0 15px #00dddd;
-moz-box-shadow: 0 0 15px #999;
/* uncomment next block for round corners */
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
border-radius: 3px;

Awesome! Now I have the subtle edge look I wanted. I think I can probably slog the rest of the way through to perfection and have the site up fully up to speed quite soon.

Thank you so much. I never could have caught that fluke. How do we mark this SOLVED?