How can I change the width of the widget column in the footer?

  • Unknown's avatar
    mrosew · Member ·

    Template: Organization
    http://www.organizationdemo.wordpress.com

    Problem: I don’t like how there are 5 default columns in the footer/widget area. I only want 3 (Left, Middle, and Right), but I’m left with awkward empty space where the Mid-Left and Mid-Right widget spaces are. In addition to this awkward space, the columns I DO want are squished and look odd. Even when there are no active widgets in the Mid-Left and Mid-Right widget spaces, there is still empty space in the footer.

    Question: How can I change the width of the widget column in the footer? Or better yet, get rid of the unnecessary Mid-Left and Mid-Right widget spaces?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hfzrhmn · Member ·

    Adding this custom CSS will hide the mid-left and mid-right widget area, *and* modify the left and middle widget area so their width makes use of the leftover spaces.

    // Hide the Mid-Left and Mid-Right widget area
#footer-widgets .row .columns:nth-child(2),
#footer-widgets .row .columns:nth-child(4) {
	display: none;
}

// Make the left and middle Widget wider
#footer-widgets .row .two {
	width: 30.37%;
}
  • Unknown's avatar
    justpi · Member ·

    @mrosew: In the future please post CSS questions in the CSS forum, not the Support forum. Helps you get a reply faster, and helps other users looking for the same answers.

    @hfzrhmn    : Please advise users accordingly instead of replying to CSS questions in the Support forum.

  • Unknown's avatar
    mrosew · Member ·

    @hfzrhmn: Thank you so much! Worked like a charm.

    @justpi    : Duly noted! I didn’t event know there was a separate CSS forum- thanks!

  • Unknown's avatar
    designsimply · Member ·

    Just for reference, if you tag a forum thread with “modlook” and “move to CSS,” then one of our moderators will just move it to the right place. :)

  • The topic ‘How can I change the width of the widget column in the footer?’ is closed to new replies.