Change footer widget widths independently in Chateau theme

• 

  budapesteducation · Member · Aug 19, 2014 at 2:22 pm

  • Copy link
  • Add topic to favorites

  I’m using the Chateau theme, which has four footer widgets (not counting the upper footer). I want to change the widths of those footers independently. I’ve tried a CSS code like this

  #footer-inner-inner {
  width: 200%;
  }

  but this doubled the width of *every* footer. I want to be able to control the width of each footer independently. Thanks!

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

• 

  rachelmcr · Member · Aug 21, 2014 at 2:43 pm

  • Copy link

  Hi there,

  The #footer-inner-inner selector applies to the entire footer area, rather than the individual columns in the footer. I’d recommend using selectors to target the exact widgets you want to change. For example, the following CSS will widen the text widget that has an address in it:

  #text-5 {
  width: 200%;
  }

  You can see some tips for finding those selectors here: How to Find Your Theme’s CSS

  Please let me know if you have any questions about that. :)

• 

  budapesteducation · Member · Aug 21, 2014 at 4:43 pm

  • Copy link

  It worked! Thanks so much!