Beautiful Pro – How to center full width content?

[christieinge]

Hello all!

I have adjusted the width but can't seem to get it to center. Here is one of the pages I am working with:

http://christieinge.com/groups-and-classes/

I can get it to go left or right but not centered. Does anyone know how I can do that?

Here is an example of what I want (using a different theme):

http://www.maraglatzel.com/31-days-deserving/

Thank you!

http://www.christieinge.com

[Tony @ AlphaBlossom]

Hello,

You can add "float: none;" and "margin: 0 auto;" to your .content:

.full-width-content .content {
    float: none;
    margin: 0 auto;
    width: 75%;
}

around line 440 of your theme's style.css file.

Have a great day!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[christieinge]

That worked perfectly. Thank you so much!

[Tony @ AlphaBlossom]

great, glad to be of help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[robsp]

Thank You!

Rob

[robsp]

I'm placing this here in case it can help someone else...

First, huge h/t to Tony above. Unfortunately, changing the width percentage makes the content too narrow on smartphones. So this is what I did:

In the CSS file I changed:
.full-width-content .content {
width: 100%;

To this:
.full-width-content .content {
float: none;
margin: 0 auto;
width: 600;

I picked 600, but you could of course pick a different width. Just note that you have to make more changes if your site contains any pages with more than one column.

[Author]

Posts