Center Shoutbox Posts

[Former Member]

Board link: lifeasarecipehoarder.boards.net/

I was able to center everything but the posts on the shoutbox. How can I center them? Thank you!

[elli]

You'll need to go into your theme's CSS: Admin > Themes > Advanced Styles & CSS > "Style Sheet"

Click inside the text area, and press ctrl (OSX: cmd) + F on your keyboard, then search for: .shoutbox_messages .shoutbox-post

It should take you toward the bottom of your stylesheet. The line you want looks like this:

.shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
You want to change text-align: left to text-align: center.

Let me know if you have any troubles with that.