[Sam BParticipant]

I am using integrity light and need to know how to center items in a row.
For example, I added a button to a row that goes across the entire page. The button is on the left. I would like for it to be in the center. I can’t figure out how to make this happen.

It’s probably something simple, but I have looked everywhere to try and figure out how to do this. Same issue with images.

http://www.reverygreenwood.com/test

[RadModerator]

Hi Sam,

Thanks for posting in.

Have you tried adding text-align: center; at your content band’s style attribute? I tried it here and it works on your button.

Thank you.

[Sam BParticipant]

First, please take a look at the URL I provided. I’m not talking about text.

I have updated EVERYTHING, so I know it’s not that.

The link below shows the screen with Firebug turned on.

https://www.dropbox.com/s/0cue7fhr1y8dozi/Screenshot%202014-08-30%2020.55.57.png?dl=0

I have used everything I can think of to get these things to center, CSS, custom classes (I tried everything with the word “center” in it.). It seems to me that if an element is used, and it has only the choice of float left or right, that the default then is center.

I wan the image centered on the page, the three columns below to center on the pictures and the buttons to center i the columns. Seems like it would be easy. If it’s easy, let me know. You can see from the screen shot that the items are way left in the containers, no float applied.

I look forward to hearing from you.

[ChristianModerator]

Hey Sam,

Please add “center-text” class to your columns (see http://prntscr.com/4i621m). To center the image, please also add that class to your content bands.

Hope that helps. 🙂

[Sam BParticipant]

OK. That worked. I actually tried that, but maybe not in the right combination. Or maybe I needed a full moon.

Thanks.

[Paul RModerator]

You’re most welcome Sam.

[Author]

Posts