How do I center and make 1000w this responsive wordpress template?

www.oakhonesty.com

Looking for max width 1000
LVL 7
weikelbobAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David S.Commented:
That would require substantial changes. One of the issues is the equal height columns technique being used -- pseudo-elements are given "position:fixed" and layered below the real columns.

The basic thing to do is to change the width declaration on the outer-wrapper, in this case #page, to a max-width declaration. Then you change the two columns to use percentage widths instead of fixed widths.

To adapt the equal height columns, an additional <div> would need to be added (probably at the end of #page) so it could be given "position:fixed" instead of the pseudo-elements. It would need the same max-width as #page. Then its pseudo-elements would need to be used instead of ones of #page and the body element. ("body:before" is in use too but doesn't seem to be needed.)

1000px seems rather small for a max-width these days. Also I would suggest that these changes might not be worth it though because this template is just not very suitable for small smart-phone screens, e.g. iPhone 4S.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
weikelbobAuthor Commented:
Kravimir,

Can you help me find a free template that will work? I just want a left sidebar and 2 total columns. 1000w is not necessary
lenamtlCommented:
Hi,

You should use Bootstrap theme this will help you a lot.
https://colorlib.com/wp/themes/sparkling/

If you have a little budget you can find great Bootstrap Theme for WP:
http://themeforest.net/popular_item/by_category?category=wordpress


Here is a good tutorial to start : http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial
weikelbobAuthor Commented:
I like it, can I turn sparkling into left sidebar 2 total columns?
lenamtlCommented:
Yes it is not complicate to do

Bootstrap documentation:
http://getbootstrap.com/css/#grid

You will find plenty of custom code snippet at  
http://bootsnipp.com

other free resources:
http://startbootstrap.com/bootstrap-resources/

Enjoy :)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.