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] Moving left sidebar - CSS styling for td#left (http://forum.bytesforall.com/showthread.php?t=10712)

Wimbledon Oct 25, 2010 10:21 PM

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

lmilesw Oct 26, 2010 06:56 PM

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?

Wimbledon Oct 26, 2010 07:47 PM

Quote:

Originally Posted by lmilesw (Post 47580)
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.

juggledad Oct 26, 2010 07:53 PM

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.

Wimbledon Oct 26, 2010 10:39 PM

Quote:

Originally Posted by juggledad (Post 47589)
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. :)


All times are GMT -6. The time now is 04:26 AM.

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