Centering content in modules

Hi.
I have looked around and can't figure this out.

How do I center content in my modules? I have Google ads and other graphics and text that I want to be centered. Everything is left-justified.

You can see the issues here on the left-hand modules: http://ww.watchandtrain.com

Thanks.

Hi,
please add to override.css

Code: Select all

.box .content .custom {
text-align:center;
}


and remember to enable override.css option in template settings.

Thanks, Konrad.
It worked on some of the modules, but not all. I just want the left-hand modules (left_top) centered.

I tried .content without the .custom and it centered all the modules.

Any thoughts?

Thanks,
Jeff

Please add suffix to all modules where you want center content for example ' mycenter'. Then please add to override.css

Code: Select all

.box.mycenter .content {
text-align:center;
}


and remember to enable override.css option in template settings.

Thank you! Worked perfectly.
That is extremely helpful. I could not find that anywhere. That is so easy and useful.

I need to learn CSS!

Have a great day.

Jeff

template_widths.jpg

toowide.jpg

Actually, you solved one issue and now I am seeing another.

The left column changes sometimes and pushes the right column too far to the right. If I refresh the page, sometimes it will show the correct width.

I assume it is something to do with the layout measurements, but wanted to get your feedback. Should I change the left column to a fixed width instead of percentage?

I included screen shots of my home page and my template measurements.

Thanks.

I just wanted to provide more details.

I tested a few things and determined that the problem still happens if I remove the .css code you provided.

I also disabled the "Follow Me" module at the top of the page and it still happened.

I noticed that it happens on every page, but the column width will show correctly when I scroll down the page.

Thanks for any suggestions.

Have you latest version of our template ?

I just updated it, and I am still having the same issues with the inconsistent left column.

Any more suggestions would be appreciated.

Thanks.

I checked your website and now it is looking good after page loading. Did you fix it ?

Hi Konrad,
It happens in Safari 6.0 on the Mac and Chrome Version 24.0.1312.57 on the Mac.

It does not happen on Firefox 18.0.2 on the Mac.

Thanks.

Hi. I was just wondering if there might be a fix to this. It is still happening in the browsers mentioned.

Thanks.

Hi, unfortunetly I don't have a Mac to check it.