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

SpencerC
 
12345j replied on at Permalink Reply
12345j
root/concrete/themes/default/main.css
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.
SpencerC replied on at Permalink Reply
SpencerC
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
SpencerC replied on at Permalink Reply
SpencerC
Hello, any help with this?

Thx,
Spencer
pvernaglia replied on at Permalink Reply
pvernaglia
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 }
SpencerC replied on at Permalink Reply
SpencerC
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
pvernaglia replied on at Permalink Reply
pvernaglia
#page #central{background:url(images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
SpencerC replied on at Permalink Reply
SpencerC
Also removed all of the content. Hmmmm....
SpencerC replied on at Permalink Reply
SpencerC
Anyone out there have any other ideas?

-Spencer
Abs0lute replied on at Permalink Best Answer Reply
Abs0lute
For starters, just try commenting out the following lines. If it doesn't work, undo the comment and move on.

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
SpencerC replied on at Permalink Reply
SpencerC
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
Pietervanooijen01 replied on at Permalink Reply
replace the dot in the image using photoshop