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] Moving left sidebar - CSS styling for td#left


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 Oct 25, 2010, 10:21 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
I am trying to move the left sidebar a little to the right, with CSS.

I've identified the correct CSS selector as td#left, thanks to Firebug.

Yet does anyone know what the correct CSS insert should be? I've tried this:

td#left{
margin-left:100px !important;
}

td#left{
margin-right:-100px !important;
}

etc.

I appreciate any help.
  #2  
Old Oct 26, 2010, 06:56 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
The sidebars are in table cells so depending on the way your site is styled maybe you could use padding instead of margins. When you say you want to move the sidebar do you mean the widgets inside of them or the whole side bar so that for instance if the sidebar had a border on it the border would not line up with a border around the footer or the header?
__________________
~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 Oct 26, 2010, 07:47 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
Quote:
Originally Posted by lmilesw
The sidebars are in table cells so depending on the way your site is styled maybe you could use padding instead of margins. When you say you want to move the sidebar do you mean the widgets inside of them or the whole side bar so that for instance if the sidebar had a border on it the border would not line up with a border around the footer or the header?
I am trying to move the whole side bar so that if the sidebar had a border on it the border would not line up with a border around the footer or the header. This is exactly my issue.
  #4  
Old Oct 26, 2010, 07:53 PM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
One way to achieve this effect is to use both the left and left inner sidebars. Set the with of the left sidebar to the amount you want the indent, then add a single text widget with ' ' in the text area. This should cause an empty left sidebar to show. Now add the widgets you want to the left inner sidebar.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 26, 2010, 10:39 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
Quote:
Originally Posted by juggledad
One way to achieve this effect is to use both the left and left inner sidebars. Set the with of the left sidebar to the amount you want the indent, then add a single text widget with ' ' in the text area. This should cause an empty left sidebar to show. Now add the widgets you want to the left inner sidebar.
This worked perfectly.

Much thanks to both of you, juggledad and lmilesw.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Moving page links from top to left hand column jasonjm75 Sidebars & Widgets 1 Apr 1, 2010 05:23 AM
Moving Widgets from left to right? feastfresh Sidebars & Widgets 3 Jun 14, 2009 09:00 AM
Left Sidebar css and javascript. Right sidebar tabs. Not visible or configurable. jinglebells New Versions, & Updating 2 Jun 6, 2009 09:22 PM
Move left left sidebar to bottom of page sisiblum Sidebars & Widgets 2 May 5, 2009 11:25 PM
Indenting left margin without a left sidebar showing rhymes Sidebars & Widgets 0 Apr 28, 2009 09:02 PM


All times are GMT -6. The time now is 06:01 AM.


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