Topic: Modify widget width in default home theme · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Modify widget width in default home theme

brad85
Member

@brad85

15 years, 8 months ago

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

15 years, 8 months ago

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

15 years, 8 months ago

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

15 years, 8 months ago

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.