Customizing Hum theme based on Twenty Eleven

  • 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).

    https://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.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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…

    Thread Starter ubercool

    (@ubercool)

    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%.

    ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customizing Hum theme based on Twenty Eleven’ is closed to new replies.