[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? |
CSS rules are separated from the selectors by '{}' so your CSS is invalid. You need things like
HTML Code:
#left {...} |
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 { HTML Code:
td#right div.widget-title { HTML Code:
td#right div.textwidget { |
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 03:38 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.