Support » Themes and Templates » Twenty Ten – how to customize individual widgets

  • Hi all,

    Does anyone know how I could change the width and height of individual widgets both in the sidebar and the footer of Twenty Ten? Do I change the .widget-container or the IDs “primary”, “secondary” (as in sidebar) or “first”, “second”, “third” (as in footer)?

    Thanks. I really cannot figure it out.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Use the Google Chrome “Inspect Element” or install Firebug for Firefox (or both like me lol) and use it’s “Inspect Element” to get an idea of what the different containers being used on your site are. That’s really the best way to see what’s going on so you can get it the way you want it.

    Thread Starter nokia9383

    (@nokia9383)

    Hi Tasty. Thanks for the info. I do use Firebug and that’s how I figured out the .widget-container part. However, if you change the properties of .widget-container it will change the properties of all the widgets. I am looking for ways to change an individual widget and I was stuck.

    Thread Starter nokia9383

    (@nokia9383)

    Problem solved. 🙂

    What I meant was use Firebug to see what CSS was INSIDE of the .widget-container part, belonging to the widget itself. Then you could change those values.

    You can most definitely target individual IDs if you want. You can use CSS to target tags that are children of or independent of classes or ids. It depends on what you want to do. You can’t change everything in CSS by targeting one specific thing and having everything else just work though, you may be cutting parts off or bumping other things out of the way that need to be massaged into place.

    Oh didn’t see you posted, great and congrats 🙂

    nokia9383:

    How did you solve it? I’m trying to do the same

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Twenty Ten – how to customize individual widgets’ is closed to new replies.