delete right column and expand left column

  • hello, This is my website

    https://www.passiveguide.com

    is there anyway that i can completely delete the right column, and make the left column the only column? i would like to keep the same color of the left column as well..

    After that, i would like to make the content part of the site larger and shrink down the remaining column to about 3/4s of the size of the 2 current columns right now.

    any help would be greatly appreciated ??

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi

    It’s easy to make a sidebar column go away.

    There is an issue on your theme however, that the background of your sidebar columns is actually a part of an image strip that is the full width of the site.

    An example is better than words. Look here
    https://www.passiveguide.com/wp-content/themes/xtremeblogg/images/content-bg.gif
    As you can see, even if you remove one column and move the other its still going to look like you have space for 2 side columns. The image strip needs to be modified to fit your new layout before your site will look as you want. Its not hard to do however you won’t like the way what you are asking for will look until that is done.

    Thread Starter nld2756

    (@nld2756)

    Thank you,
    I understand what you are saying, and I can easily modify the image strip to make it look like i want…. the problem is that i dont know how to go about deleting the right sidebar, and equally aligning the the dimensions of the left sidebar, to the new image strip that i create..

    can I get some help?

    What is the exact width in pixels you want the left sidebar column to be after this changeover? Then i will help you get there

    Thread Starter nld2756

    (@nld2756)

    i would like it to be exactly 298 pixels wide, im changing the picture right now

    Thread Starter nld2756

    (@nld2756)

    this is what it looks like

    https://i40.tinypic.com/2rpb1xy.gif

    OK, these CSS tweaks will get it started –

    style.css (line 358)

    #r_sidebar {
float:right;
margin:0;
padding:0 0 20px;
width:163px;
}

    add the line
    display: none

    with display: none, the code for the right sidebar is still in the theme but it will never be visible, the browser does not display it. If you find the PHP calls to add in right sidebar, in your template files, you can comment them out or delete theme, but setting display: none makes the right sidebar column immediately stop displaying.

    style.css (line 275)

    #l_sidebar {style.css (line 275)
float:left;
margin:0 0 0 20px;
padding:0 0 20px;
width:250px;
}

    change width to 298

    style.css (line 228)

    #contentleft {
float:left;
margin:0;
padding:0 0 20px;
width:470px;
}

    change width to 585

    That’s really it. There may be other things that need tweaking but those are the main adjustments.

    Thread Starter nld2756

    (@nld2756)

    hmm.. you set me on the right track, my calculations just arent adding up or something, ill finish this another time..

    you are a god, thank you lol

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘delete right column and expand left column’ is closed to new replies.