Align page content area to the left

[GeorgeW]

Hello – hope you’re well! 🙂

I have a demo site with only one piece of content: A page that is also the homepage.

I’m trying to align the entire content area (where the text appears) to the left. But no matter what I choose, it always stays aligned in the center.

I have tried the following:

Main Options ==> Wrapping Areas ==> Container Area ==> Align Area ==> Align Left

Any idea what may be going on?

Thanks!

George

[GeorgeW]

This reply has been marked as private.

[scrambler]

Your wrapper is set to a max width of 700px, the wrapper is always centered by default, so the dead space is on each side. Your content is left aligned inside the wrapper.

Are you saying you want the wrapper to be on the left side of the browser with all the dead space on the right (weird), or that you want the site to be full browser width, so the content starts on the left side of the browser?

If the former I can give you CSS, if the later just remove the max-width setting on the wrapper

[GeorgeW]

Hi, scrambler!

I need the former. I want the wrapper to be on the left side of the browser with all the dead space on the right.

I understand it sounds weird, but this will help this specific demo site (which is only one page). 🙂

Thanks!

George

[scrambler]

add the rule below to the theme global custom CSS rule box

#wrapper {margin-left:0;}

 

[GeorgeW]

Another magical piece of code by scrambler.

Thank you, sir!

George

[scrambler]

It is not magic, it is called CSS 🙂

https://guide.weavertheme.com/basic-tips-on-using-the-developer-tools-like-firebug-to-resolve-styling-issues/

 

Take care

 

[GeorgeW]

scrambler, I played around with the Firefox developer console, and it’s very helpful.

Btw, the link you posted above points to this link:

https://forum.weavertheme.com/discussion/590/infos-and-examples-for-custom-css-rules

(Sorry, no such page.)

Also, if I understand correctly, Firebug is now part of Firefox and Chrome. This may need to get clarified in the instructions – or maybe not 🙂 – just to avoid confusion for other users.

Thanks for being awesome!

George

[scrambler]

the link (below again) for me goes to the right guide page about browser developer tool (you can search the guide with these terms)

https://guide.weavertheme.com/basic-tips-on-using-the-developer-tools-like-firebug-to-resolve-styling-issues/

Firebug is the Firefox version, but all browser have their own, you either type F12, or right click and say inspect elements.

[GeorgeW]

Hi, scrambler!

I understand.

Just for clarification, the dead link for me is this:

https://forum.weavertheme.com/discussion/590/infos-and-examples-for-custom-css-rules

It’s linked to from here:

https://ibb.co/18dkJSD

Thanks again,

George

[scrambler]

Thanks this is because weaver removed some of the old archive, I will update the article

[Author]

Posts