Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Lost the border on right sidebar widgets (again) (http://forum.bytesforall.com/showthread.php?t=11118)

jkgourmet Nov 11, 2010 02:52 PM

[SOLVED] Lost the border on right sidebar widgets (again)
 
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?

juggledad Nov 11, 2010 03:54 PM

CSS rules are separated from the selectors by '{}' so your CSS is invalid. You need things like
HTML Code:

#left {...}

lmilesw Nov 12, 2010 11:22 AM

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.

jkgourmet Nov 12, 2010 05:06 PM

Damn, you guys are good.

Juggledad - sorry for my stupidity about the separators.

And Larry - thanks for the additional required code.

All better now.


All times are GMT -6. The time now is 09:21 AM.

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