Home Forums Weaver Xtreme Theme Align page content area to the left

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #64356
    GeorgeW
    Participant

    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

    #64357
    Private Reply
    GeorgeW
    Participant
    This reply has been marked as private.
    #64359
    scrambler
    Moderator

    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

    #64361
    GeorgeW
    Participant

    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

    #64362
    scrambler
    Moderator

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

    #wrapper {margin-left:0;}

     

    #64363
    GeorgeW
    Participant

    Another magical piece of code by scrambler.

    Thank you, sir!

    George

    #64364
    scrambler
    Moderator
    #64368
    GeorgeW
    Participant

    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

    #64371
    scrambler
    Moderator

    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.

    #64373
    GeorgeW
    Participant

    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

    #64375
    scrambler
    Moderator

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

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.