[Twenty Eleven] Change width of footer columns seperately

  • viktorbluhme

    (@viktorbluhme)


    14 years, 5 months ago

    I am creating a child theme of Twenty Eleven. I would like the ability to freely change the width of the three columns in the footer.

    In style.css, around line 2216, I have a class, in which I can change the ‘width’ parameter. But doing so changes the width of all three columns.

    /* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;

    Is there any way of changing the width of those columns seperately?

    My site is at http://gadgetoversigten.dk/

Viewing 1 replies (of 1 total)
  • Christi Nickerson

    (@christini)

    14 years, 5 months ago

    Hi viktorbluhme,

    The class “widget-area” applies to all three areas in the footer:

    <div id="first" class="widget-area" role="complementary">
<div id="second" class="widget-area" role="complementary">
<div id="third" class="widget-area" role="complementary">

    What makes each area unique is it’s id (first, second, and third). You could add a CSS rule for each in your style sheet in order to control the width for each one separately.

    Hope this helps!

Viewing 1 replies (of 1 total)

The topic ‘[Twenty Eleven] Change width of footer columns seperately’ is closed to new replies.