ubercool
Member
Posted 8 months ago #
I have searched extensively online to try to find a way to change the default width of the home page content of the Hum theme, which is a child theme of Twenty Eleven.
I have tried to modify just about everything but can't seem to make the content width the same as the singular pages (div#primary 740px).
http://www.ubertrends.com
Anyone know how to do this? I see from the Web Inspector that the size 432px is set by div#content. It looks like the home page is ready to be widgetized and that affects the content column size.
I'm a bit confused because twentyeleven (and hence Hum) are responsive -- so all widths are set in percentages -- not fixed px. I think you are looked at the "computed" styles -- but that's not the same as looking at the actual CSS code. Are you using Firebug -- best tool for CSS work. On the page you linked to, yes, it's the #content but it's being set at 58.4% (not a fixed px width). There are several places that have that width for the content div:
twentyeleven style.css line 183 and line 90
hum style.css line 24
So you can try changing those -- it may create problems on other pages...
ubercool
Member
Posted 8 months ago #
Thanks so much for suggesting line 183, I changed the width statement below and fixed it:
.left-sidebar #content {
margin: 0 7.6% 0 34%;
width: 75%;
}
The original param was 58.4%.
:)
