Twenty ten image widget in footer

• 

  klapyahandz · Member · Nov 7, 2011 at 10:49 am

  • Copy link
  • Add topic to favorites

  Hello all. I have been looking for two hours now into how to control my image widget in the footer area.

  I am trying to center a flag and take off the white border around.

  I guess it takes place here:

  #footer-widget-area {
  }

  But then I’m lost

  Help would be greatly appreciated.

  Thanks

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

• 

  thesacredpath · Member · Nov 7, 2011 at 6:16 pm

  • Copy link

  The first bit centers the widget. The second bit gets rid of the white background and also sets a width that is wide enough to show the text as centered below the image.

  `#footer-widget-area .widget-area {
  width: 100%;
  }

  #image-2 .wp-caption {
  background: transparent;
  width: 80px !important;
  }

• 

  thesacredpath · Member · Nov 7, 2011 at 6:17 pm

  • Copy link

  Gaaahhhh, I forgot the code tags.

  #footer-widget-area .widget-area {
  width: 100%;
  }
  
  #image-2 .wp-caption {
  background: transparent;
  width: 80px !important;
  }

• 

  klapyahandz · Member · Nov 8, 2011 at 4:09 am

  • Copy link

  Hey, thanks again sacred path. It looks much better already.

  However it’s not yet centered on my page but too much to the left.

  #footer-widget-area .widget-area {
  width: 100%;

  SO I TRIED ADDING A MARGIN PROPERTY AND A PADDING PROPERTY HERE BUT DOESN’T WORK

  }

  The thing is, Twenty Ten gives a choice of 4 footer widgets. I set my image to the fourth one.

  Sorry to bother with these questions that seem pretty easy to you. Please believe that I try many things before resorting to your wisdom.

• 

  thesacredpath · Member · Nov 8, 2011 at 6:30 am

  • Copy link

  The code I gave centers the widget in the overall container. I just double checked it in Safari and Firefox and it is centered in both.

  You cannot though add any other widgets to the bottom area as that will mess things up. You are limited to that single widget area in the footer.