Skip to:
Content
Pages
Categories
Search
Top
Bottom

Modify widget width in default home theme


  • brad85
    Member

    @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)

  • Burt Adsit
    Participant

    @burtadsit

    Run don’t walk, to get firebug. http://getfirebug.com/

    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.


    brad85
    Member

    @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.


    Marco72
    Participant

    @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