Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Lost the border on right sidebar widgets (again)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 11, 2010, 02:52 PM
jkgourmet's Avatar
jkgourmet
 
54 posts · Aug 2009
www.gringodog.com

My goal is the have the 2px border in color #ee0000 around the widgets on the RIGHT sidebar only. No border on the widgets or anything in the left sidebar.

Here's the code that now exists in ATO-Style Widgets-Widget Container:

#right
font-family: "comic sans ms"; arial;
font-size: 14px;
margin: 0 0 10px 0;
padding: 10px;
border: solid 2px #ee0000;
/* uncomment next block for round corners */
/*
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
*/

#left;
font-family: arial;
font-size: 14px;
margin: 0 0 5px 5px;
padding: 1px;
border: 0px;
/* uncomment next block for round corners */
/*
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
*/

Where did I go wrong?
  #2  
Old Nov 11, 2010, 03:54 PM
juggledad's Avatar
juggledad
 
22,170 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
CSS rules are separated from the selectors by '{}' so your CSS is invalid. You need things like
HTML Code:
#left {...}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Nov 12, 2010, 11:22 AM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
You will also need to put the code in ATO>Add HTML/CSS Inserts>CSS Inserts and then use selectors for the sidebars. To select the widgets in the right sidebar for example you would use something like the following for the whole widget.

HTML Code:
td#right div.widget {
font-family: "comic sans ms"; arial;
font-size: 14px; 
margin: 0 0 10px 0;
padding: 10px;
border: solid 2px #ee0000;
}
To specify areas of the widget in the right sidebar you need to drill in a bit. To select the title of the widgets in the right sidebar you would do something like below.
HTML Code:
td#right div.widget-title {
font-size: 24px;
}
And if you need to specify a particular widget in the right sidebar you might use something like the following for a text widget as an example
HTML Code:
td#right div.textwidget {
font-size: 24px;
}
So you can see there is not just one simple answer. It's a matter of figuring out the selectors and putting in the proper code.
__________________
~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.
  #4  
Old Nov 12, 2010, 05:06 PM
jkgourmet's Avatar
jkgourmet
 
54 posts · Aug 2009
Damn, you guys are good.

Juggledad - sorry for my stupidity about the separators.

And Larry - thanks for the additional required code.

All better now.

Bookmarks

Tags
sidebar problems, widget border

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How can I remove the border from the left sidebar widgets, but leave it on t jkgourmet Sidebars & Widgets 1 Nov 10, 2010 01:58 PM
Sidebar Issue- Lost Sidebar Box sdchoboken Sidebars & Widgets 1 Jul 13, 2010 06:59 PM
[SOLVED] Widgets Lost after Theme Change joan Sidebars & Widgets 1 Jan 22, 2010 11:41 PM
Lost Right Sidebar jrothstein Sidebars & Widgets 8 Aug 27, 2009 08:36 PM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 05:11 AM


All times are GMT -6. The time now is 04:10 PM.


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