• I am using the “zeeBizzCard” theme and I need to change the 2 column layout to make my left sidebar move over closer to the left.
    I know the code, but everytime I change the code it brings everything closer together and not farther apart… – Any suggestions?
    https://www.katzdesignworld.com

    I would like to add more room on the left column to utilize more of the space on the right side.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Please post the portion of the CSS you’re working with. Thanks!

    Thread Starter kmcclure

    (@kmcclure)

    [1125 lines of CSS moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines.]

    Hey! Thanks for posting the code. I’m not sure exactly, but my best guess is that it’s in this bit here:

    #wrapper {
    	width: 920px;
    	margin: 75px auto 0 auto;
    }

    in CSS, but “margin” property contains four possible values, in the order of “margin: top right bottom left;”. So this looks like it’s centering the whole thing on the page (“auto” margins on left and right). So to move both columns (I think) to the left, you could use something like:
    margin: 75px 30px 0 auto;

    If you actually meant that you want to keep the whole thing centered on the page but just spread it out and make it wider, I suspect you’d do that w/ #wrapper as well. Increase the width, and… well, that may be all you have to do. Give that a try first.

    Thread Starter kmcclure

    (@kmcclure)

    Hmm, I tried this and it moved everything to the right side, what I would like to do would be to move the let side over to the right more and make the right side wider with everything still being centered.

    What you provided to me was a start, but would you have any other suggestions?
    Thanks so much for your advice.

    when you dig through style.css, you will find a lot of width values of 550px and above – increase those by the same amount to make the right content column wider.

    a tool such as Firebug https://getfirebug.com/ might help you to identify the involved styles.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS changes’ is closed to new replies.