Left sidebar

  • This should be simple. I’ve looked all over for the answer, only to find outdated, nonworking solutions. I want to move the sidebar to the left side for Kubrick. I’ve tried doing it in both css and the php template code. No luck. Please help!

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

  • Change the float to left in style.css

    Then in index.php, move…

    <?php get_sidebar(); ?>

    And place it before the content DIV in index.php….

    Not tested, but that should do the job…

    You might have to change some clear definitions in the stylesheet to, but that should get you started…

    Thread Starter neufuture

    (@neufuture)

    that’s what I originally did. The sidebar stays on the right and the content goes underneath to the left! I found if i changed #sidebar to “display: inline” it moves it to the left but the formatting is still way funky because the content is below. Even setting sidebar AND content to “clear: none” doesn’t seem to do anything. Ideas anyone?

    I tested with a fresh install with the default theme, and it worked for me….

    Though as i said there may be a few areas you need to clear…

    Simply switching the float did work though, so i can’t see why it won’t for you unless you’ve already made modifications to the theme.

    Thread Starter neufuture

    (@neufuture)

    ok I’m doing this on a FRESH install (5 minutes ago)
    index.php

    get_header(); ?>

<?php get_sidebar(); ?>

	<div id="content" class="narrowcolumn">

    style.css

    /* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	float: left; /* THIS IS WHAT I ADDED */
	}

    here are the results:
    https://dev.neufuture.com/wptest/

    Thread Starter neufuture

    (@neufuture)

    t31os, I’d really appreciate a walk through

    Thread Starter neufuture

    (@neufuture)

    or anyone else?? please???

    Here are some default layout templates for you all.
    https://blog.html.it/layoutgala/

    But, shooting from the hip, I would say you could just change the float values, and that would do the trick for you.

    rstevenson

    (@rstevenson)

    After some fiddling, I got this to work. My changes in styles.css are…

    #sidebar {
    float: left;
    padding: 20px 0 10px 0;
    margin-left: 35px;
    width: 190px;
    }

    … and …

    .narrowcolumn {
    float: right;
    padding: 0 45px 20px 0;
    margin: 0px 0 0;
    width: 450px;
    }

    … and, in index.php the top 2 lines are now …

    <?php get_header(); ?>
    <?php get_sidebar(); ?>

    Hope this helps someone else.

    Rob

    Beautiful!
    Thanks for the help!

    I believe it’s the addition/removal of that “float” command that really does it.

    I didn’t like the effect created by using the “float: right” on the narrowcolumn definition, so I removed it from my solution, and I had to also modify the widecolumn def to deal with viewing single posts.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Left sidebar’ is closed to new replies.

Tags