Adjust dual sidebar width in Yoko theme

gjware · Member · Jun 22, 2012 at 1:00 pm
Copy link

Add topic to favorites
Hello,
I’d like to adjust the width of the two sidebars in the Yoko theme so they’re the same width.
http://garyware.me
It would be good if they are the current combined width, but equal.
Has anyone got a css suggestion to effect this?
I’m liking the Yoko theme otherwise.
Thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 23, 2012 at 5:37 am
Copy link
This might be a little tricky since they use percentages for the sidebar widths and because they are not in the same parent div.

Are you wanting to just equalize them (take width from one and add to the other)?
gjware · Member · Jun 23, 2012 at 5:54 am
Copy link
Yes, two equal width columns, the same combined width as now.
thesacredpath · Member · Jun 23, 2012 at 6:14 am
Copy link
With this being a reactive design theme, give me a little time on it so that I can figure out exactly how to do it without messing anything else up.
thesacredpath · Member · Jun 23, 2012 at 6:35 am
Copy link
Give this a try. As I said it is tricky due to the way they designed the theme and you have to work a lot of stuff together to adjust things and not have it blow up. Make sure and check it in as many browsers as you can. It is fine for me in Safari and Firefox on my Mac, but I don’t know about Chrome or Internet Explorer.
```
#secondary {
margin-left: 3.054%;
width: 21.275%;
}

#tertiary {
width: 17.775%;
}

#main {
width: 79.59%;
}
```
thesacredpath · Member · Jun 23, 2012 at 6:35 am
Copy link
I should mention that they are not entirely equal, but within a few pixels of each other.
gjware · Member · Jun 23, 2012 at 7:11 am
Copy link
Looks great.
Many thanks.
thesacredpath · Member · Jun 23, 2012 at 7:41 am
Copy link
You are welcome.
gjware · Member · Jun 23, 2012 at 10:11 am
Copy link
Looks good in Explorer, Firefox, Chrome and Safari running on Windows.
thesacredpath · Member · Jun 23, 2012 at 10:24 am
Copy link
Glad to hear that. One can never be sure, especially with IE. It sometimes (many times) confounds me.

No items found.