WordPress.org

Ready to get started?Download WordPress

Forums

I need help with adjusting the footer column sizes in Twenty Eleven (4 posts)

  1. Peggy
    Member
    Posted 2 years ago #

    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 http://troianiwebdesign.com/new/

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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.

  3. Peggy
    Member
    Posted 2 years ago #

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

  4. Peggy
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic