I need help with adjusting the footer column sizes in Twenty Eleven

  • I am trying to figure out the best way to add a couple images and content to the footer. I have an image on the left side, content in them middle, and then a Facebook and Twitter image on the right side. I used the three footer columns to do this but I need the middle column to be wider than the left and right ones. Can anyone help me with how to do this? I am using a child theme also.

    The website is https://troianiwebdesign.com/new/

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

  • You were on the right track with this:

    #first {
	width: 20%;
}
#second {
	width: 70%;
}
#third {
	width: 10%;
}

    But it’s getting overridden by more specific CSS selectors. So try adding to the above:

    #supplementary #first {
	width: 20%;
}
#supplementary #second {
	width: 70%;
}
#supplementary #third {
	width: 10%;
}

    Looks like you tried some other CSS — but with non-existent id’s (i.e. #left-footer)? Any extraneous code should be removed from your stylesheet so it’s not cluttering things up or slowing down your page loads. You might want to review basic CSS and definitely use Firebug to work with things like this.

    Thread Starter Peggy

    (@lpjjonine)

    Thank you WPyogi!! How do I place it into an html div tag since it has two “#”?

    Thread Starter Peggy

    (@lpjjonine)

    Nevermind, I figured it out! I did it as <div id=”supplementary first”>.

    Thank you so much for your help WPyogi!!!! I was trying to figure this out for hours with no luck, so I so appreciate you helping me!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘I need help with adjusting the footer column sizes in Twenty Eleven’ is closed to new replies.