Skip to:

Modify widget width in default home theme

  • Profile photo of Brad85


    Hello everybody,

    I’d like to modify the left and center widgets’ widths in the Buddypress Home Theme. Preferably, I want my left widget to be about 25px narrower, and my center widget about 25px wider. The right widget is fine.

    I’m trying to find the widths in the CSS but I must just be looking in the wrong spot.

    Thanks for the help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Profile photo of Burt Adsit
    Burt Adsit


    Run don’t walk, to get firebug.

    It is one of the essential parts of any toolkit. It will tell you what the names of the divs are that control this, show you the css that controls everything, including the names of the files and even allow you to interactively change settings on the fly to try things out.

    Profile photo of Brad85


    Hey Burt,

    Believe me I have Firebug and know how amazing it is…however I’ve used “inspect” and have tried to figure out every which way to change one but not the other…I can’t seem to find the correct element that changes the left sidebar ONLY and the center sidebar ONLY. Since I want to change both in different ways, I can’t exactly edit the css of .widget. Do you know which element I should be editing? I don’t think they are measured in pixels because they seem to be fluid on different resolutions.

    Profile photo of Marco72


    As I can remember, cuz I’m on a mobile, : #center-column has width of 260px, the same is for #right-column, so they are fixed width.

    #left-column has only a margin-right of 560px.

    Try to change #center-column width:285px and #left-column margin-right: 535px.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modify widget width in default home theme’ is closed to new replies.
Skip to toolbar