Centering Widget Titles

[Roland]

A-Man:

So I’ve tried a couple methods to try to get my widget titles Centered. I’ve tried:
1).widget-title { text-align: center; }

2) .widgettitle {
text-align: center;
}

3) .widget h3 {

text-align: center;
}

. . . and while attempt #3 pulls the title to the right . . . it pulls it too far so it’s slightly off-enter.

The only way I could get #3 to truly center the title was to make the widget a media box. I have no idea why that centered the title, but it did, so I thought I’d share in case anyone else is attempting the same thing.

~R

[Sushil Adhikari]

You almost got it but if you want your widget titles, for example, in the right sidebar column to be centered, then you would need to target the container they are in:

#cir-right h3 {
text-align: center;
}

or this to target all widget titles in every position which uses an aside container:

aside h3 {
text-align: center;
}

[Roland]

” Ohhhhhhhhhhhhhhhhhhhhhhhhhhh . . . I think I get it :unsure:

[Author]

Posts