Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] How do I edit border around container?


  #1  
Old Mar 1, 2011, 08:31 AM
Ritergal
 
15 posts · May 2010
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.
  #2  
Old Mar 1, 2011, 08:44 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.

HTML Code:
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;
*/
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Mar 1, 2011, 12:29 PM
Ritergal
 
15 posts · May 2010
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?
  #4  
Old Mar 1, 2011, 12:35 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Mar 1, 2011, 12:43 PM
Ritergal
 
15 posts · May 2010
A link to the site as it is right now and probably for the next couple of days: http://sharonlippincott.com/blog
  #6  
Old Mar 1, 2011, 01:06 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Have you done any editing to the theme files? What plugins do you have installed? I am seeing strange code for the border.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Mar 1, 2011, 01:24 PM
Ritergal
 
15 posts · May 2010
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!
  #8  
Old Mar 1, 2011, 01:39 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Could you attach your setting file to a reply?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Mar 1, 2011, 02:08 PM
Ritergal
 
15 posts · May 2010
Quote:
Originally Posted by lmilesw
Could you attach your setting file to a reply?
Assuming you mean the export file, it is attached.
Attached Files
File Type: txt ata-sharonlippincottcom-20110301.txt (18.9 KB, 637 views)
  #10  
Old Mar 1, 2011, 02:26 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
HTML Code:
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;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Mar 1, 2011, 03:26 PM
Ritergal
 
15 posts · May 2010
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?

Bookmarks

Tags
border, layout, style & configuration

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to add a border to the header image container Jeremy365 Header configuration & styling 1 Feb 9, 2011 09:52 PM
[SOLVED] Container border not working kristal Header configuration & styling 7 Mar 22, 2010 06:11 PM
[SOLVED] how to create a CSS insert for border-left border-right on menu tabs aliengirl Page & Category Menu Bars 3 Jan 7, 2010 08:22 PM
Style Container border with images gcarson Header configuration & styling 1 Dec 30, 2009 11:36 AM
[SOLVED] Space between Footer Border top and widget border bottom?? norwichkaren Atahualpa 3 Wordpress theme 12 Sep 25, 2009 07:32 AM


All times are GMT -6. The time now is 06:51 PM.


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