How to slide sidebar content over to the left .
-
Hi !
Please tell me how I can slide my sidebar content over to the left a few pixels. I have already adjusted the padding in the stylesheet to -10px. Adjusting to -11px or greater(or is it lesser) doesn’t have any effect at all. The site is itadminsolutions.com
I’m very open to suggestions.Thanks in advance!
/* SIDE BAR */ #sidebars{ float:left; } #sidebar{ float:left; width:240px; padding:0px 0 0 -10px; } .sidebars h2{ font-size:18px; color:#303030; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/sidebars_h2.gif) no-repeat; height:35px; padding:4px 0 0 30px;
Viewing 3 replies - 1 through 3 (of 3 total)
-
Here is the entire sidebar
/* SIDE BAR */ #sidebars{ float:left; } #sidebar{ float:left; width:240px; padding:0px 0 0 -10px; } .sidebars h2{ font-size:18px; color:#303030; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/sidebars_h2.gif) no-repeat; height:35px; padding:4px 0 0 30px; } .sidebars ul{ color:#4c4c4c; font-size:12px; } .sidebars ul li{ padding:0 0 8px 0; } .sidebars ul li ul li{ margin:0 0 5px 0; width:auto; } .sidebars ul li ul li ul li{ margin:0; } .sidebars li ul{ background:url(images/sidebars_li.gif) no-repeat; padding:10px 0 0 0; width:100%; } .sidebars li ul li ul{ padding:4px 0 0 10px; background:none; width:auto; } .sidebars li ul li ul li ul{ padding:0 0 0 10px; } .sidebars li{ margin-bottom:0px; } .sidebars li li{ margin-bottom:0px; background:url(images/dotted_grey.gif) repeat-x left bottom; padding:2px 0 8px 12px; } .sidebars li li li{ background:none; border:0px; padding-bottom:3px; } .sidebars li a{ color:#4c4c4c; } .sidebars li.widget_categories ul li{ font-weight:bold; } .sidebars li.widget_categories ul li a{ font-weight:normal; background:url(images/li_cat.gif) no-repeat left 5px; padding:0 0 0 10px; } .sidebars li.widget_categories ul li ul li a{ font-weight:normal; } .sidebars li.widget_archives ul li a{ font-weight:normal; background:url(images/li_ar.gif) no-repeat left 5px; padding:0 0 0 10px; } .sidebars li.linkcat ul li a{ font-weight:bold; background:url(images/li_br.gif) no-repeat left 5px; padding:0 0 0 10px; color:#0076a3; } .sidebars li.widget_meta ul li a{ font-weight:normal; } .sidebars .widget_tags p{ padding:0px 10px 10px 15px; } .sidebars .widget_tags a{ color:#4d4a25; } .sidebars .textwidget{ padding:-25px; }
.sidebars li li { background:transparent url(images/dotted_grey.gif) repeat-x left bottom; margin-bottom:0; padding:2px 0 8px; }
Ill try that—Thanks so much!
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘How to slide sidebar content over to the left .’ is closed to new replies.