• Hi guys,

    I am a total noob to WP and a CSS dummy, but I’ve designed some sites in HTML/Dreamweaver. I am pretty happy that I’ve gotten this far without resorting to help, but I can’t find this question answered. How can I expand the right sidebar width so the text isn’t touching the edge? I have made a child theme for Twenty Eleven. It’s a self-hosted site.

    My site is: http://www.wellness1st.net

    Please be gentle, it’s my first time.

    Thanks!

    http://wordpress.org/extend/themes/twentyeleven/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Looks like you could try adding an em of margin or so to .widget-title and .textwidget ?

    Or you could add some left & right padding to the sidebar div. Because it’s a responsive theme (everything changing width as the browser width changes) and because I don’t know what else you might put in the sidebar, I suppose there’s a risk of some complications/unintended consequences with this.

    Thread Starter annebrad

    (@annebrad)

    Thanks for responding. I’ve tried adding padding, and it didn’t work. How might I do this?

    try to add padding for instance to:

    #secondary .widget { padding: 5%; }

    Thread Starter annebrad

    (@annebrad)

    So close. I couldn’t find the #secondary.widget, but I was able to add 1.5em margin to the title of the widget, but I could not find where the body text is located. There’s several areas I tried, but it made the entire widget disappear.

    [CSS code moderated – a link to your site is enough to access the styles]

    if you can’t find a style to edit, you can always add a new one to style.css.

    also, the space between #secondary and .widget is important.

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

The topic ‘[Theme: Twenty Eleven] Expanding right sidebar width in twenty eleven’ is closed to new replies.