Customizing Hum theme based on Twenty Eleven (3 posts)

  1. ubercool
    Posted 3 years 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).


    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.

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

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

  3. ubercool
    Posted 3 years 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%.


Topic Closed

This topic has been closed to new replies.

About this Topic