Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

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


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
CSS rules are separated from the selectors by '{}' so your CSS is invalid. You need things like
HTML Code:
#left {...}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 12, 2010, 11:22 AM
lmilesw's Avatar
lmilesw
 
10,176 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 03:04 PM.


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