Change Sidebar Width in Plain Yogurt
Permalink
Hello,
I'd like to change the width of the plain yogurt sidebars, specifically the left. How can I do this?
Thanks,
Spence
I'd like to change the width of the plain yogurt sidebars, specifically the left. How can I do this?
Thanks,
Spence
Here's the code I found in the main.css that the left sidebar php calls. I cannot figure out what to change as there is no width indication. I tried the padding, but that did not work. Where do you think I would add a width?
#page #central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
THANKS!
Spencer
#page #central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
THANKS!
Spencer
Hello, any help with this?
Thx,
Spencer
Thx,
Spencer
Look for these in main.css, change the widths there
#page #central #sidebar{ float:right; width:23%; overflow:hidden }
#page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page #central #sidebar{ float:right; width:23%; overflow:hidden }
#page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
Thanks. That did the trick. Now, do you know how to remove the vertical dotted line? I tried:
.central-left {display:none;}
but that removed all the content. Ideas?
Thanks,
Spencer
.central-left {display:none;}
but that removed all the content. Ideas?
Thanks,
Spencer
#page #central{background:url(images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
Also removed all of the content. Hmmmm....
Anyone out there have any other ideas?
-Spencer
-Spencer
For starters, just try commenting out the following lines. If it doesn't work, undo the comment and move on.
In Main.css find:
Replace with:
If that doesn't work, then undo that change and try this one.
Find
Replace
You'll just be commenting it out, so you can always go back to what it was is something doesn't work right. Just remove the comments (/* */)
Hope that helps ya some · J
In Main.css find:
#page #central{background:url(images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
Replace with:
#page #central { /* background:url(images/nav_sidebar_right_bg.gif) repeat-y center;*/ clear:both; }
If that doesn't work, then undo that change and try this one.
Find
#page #central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
Replace
#page #central.central-left { /* background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important;*/ }
You'll just be commenting it out, so you can always go back to what it was is something doesn't work right. Just remove the comments (/* */)
Hope that helps ya some · J
Thanks J. I commented out both lines and it worked. When I commented out just the left, then the right suddenly showed, so both are now gone.
Thx,
Spencer
Thx,
Spencer
replace the dot in the image using photoshop
just look on left_sidebar.php 4 what the left sidebar calls and then look for that in main.css and adjust the width tag.