• Hello everyone!
    Since this is my first time here, let me introduce myself:
    I’m Laszlo, T.A.M.P.O.N. expert! (The ‘Amazing Music Promotion Online Now’ expert). It’s nice to meet you.

    Anyway, on to my question. I’m currently busy rebuilding my entire website with wordpress and was doing really well, but now that I’ve added more widgets to my sidebar, the page is messing up. When the length of a post I make is shorter than the length of the sidebar, the sidebar starts crowding up and moving out of place for some strange reason (Alright, it’s probably only strange because I don’t know the reason).

    Anyway, Here’s an example of what I’m talking about:
    https://sickpromo.net/make-money/

    Just scroll down to the bottom of the page and have a look.
    I suspect that the page length needs to be changed so it’ll adjust according to the length of all content on the page instead of only the post, but haven’t found a way to fix this… yet.
    Anybody know what’s going on and how to fix it??

    Thanks a mill in advance!

    Laszlo
    Sickpromo.net

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter sickpromo

    (@sickpromo)

    no answer at all?

    Right now you have a div #content-text floated left while the sidebar has no container to hold overflow when content is shorter. You would need to add a div container for your sidebar with clearcut width which you could float right.

    Thread Starter sickpromo

    (@sickpromo)

    Alright… Thank you.
    Could you please give me the basic code and tell me where to stick it as well? I’m very new to wordpress and the coding; I can edit code alright-ish, but creating it is an entirely different story.

    Thanks again!

    Add a new div right after page nav ends and left column ends comments. In my example below, I added <div id="right_col"> like so:

    </div> <!--page navigation ends-->
    </div> <!--left_column ends-->
    <div id="right_col">

    Add closing div of your right column just before text right_column ends and content text ends comments like so:

    </div>
    <!--right_column ends-->
    </div> <!--content text ends-->

    Most likely, you would have to do this in your index.php, archive.php, search.php, page.php and/or single.php etc.

    Thread Starter sickpromo

    (@sickpromo)

    Mmm… I’m not sure if I clearly understand what you’re telling me. What I’ve done now, is where the code was like this:

    </div> <!--page navigation ends-->
    </div> <!--left_column ends-->
    <?php get_sidebar(); ?><!--right_column ends-->
    </div> <!--content text ends-->

    I’ve changed it to this:

    </div> <!--page navigation ends-->
    </div> <!--left_column ends-->
    <div id="right_col">
    <?php get_sidebar(); ?><!--right_column ends-->
    </div></div> <!--content text ends-->

    But now, the entire side bar moves underneath the post for some reason and the footer gets placed way too low, as you can see here:
    https://sickpromo.net/make-money/ , but once again, on the page where the post is long enough, the home page, there’s no problem at all.

    I’ve checked your css and I’m not seeing any formatting for that right sidebar. You have div id=”right_col” but no float right indicated in the style sheet for that div. Once you define that you should be fixed.

    As it is defined now everything is being told to float left by default.

    Thread Starter sickpromo

    (@sickpromo)

    you found a ‘div id=”right_col” ‘ in my style sheet? Where exactly? I just went through all the sheets 3 times and can’t find that code anywhere.. and once I find it, what exactly must i change about it? Could you please give me the exact code to add and where to add it? Sorry, I’m not that savvy with coding yet.

    Thanks a mill!

    Thread Starter sickpromo

    (@sickpromo)

    No reply…? Somebody please give me some super clear and easy to understand help… This is urgent, I’m using this website for 2 product launches..

    Follow my instructions above. The code you place UNDER the two lines and the closing div you place ABOVE other lines I gave. Thereby rendering

    ...
    </div> <!--page navigation ends-->
    </div> <!--left_column ends-->
    <div id="rightcol">
    <?php get_sidebar(); ?>
    </div>
    <!--right_column ends-->
    </div> <!--content text ends-->
    ...

    Then in your style.css, you will add

    #rightcol { float: right; width: 300px; }
    Thread Starter sickpromo

    (@sickpromo)

    I just tried that.. exactly as you said. Sorry, still doesn’t work. the right column keeps shifting to the left once it reaches the end of the post. (As you can still see here: https://sickpromo.net/make-money/ )

    Any more ideas..?

    Thread Starter sickpromo

    (@sickpromo)

    Never mind. I’ll just use a different and simpler theme. This one has got too many problems. Thanks for all the help! I greatly appreciate it!

    I’m sorry I’m an idiot, but all I want to know is why the sidebar keeps moving to the bottom of the post. This is driving me crazy.

    And what’s really infuriating is that it was in the right place, I didn’t change anything, but there it is at the bottom. What Gives?
    I don’t really want to know code, I’m more interested in know why this happened.

    OK, I found the clue in the forum somewhere. I had accidentally deleted a bit of code at the bottom of the post which apparently tells the sidebar where to go. If it’s not there it goes to the bottom of the page.
    Code may be Poetry, but it’s new to me. I resolved it by going back to a revision before the problem and revising it without deleting the code “tag” at the end. Thanks for listening.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Side bar messing up?? Yup, it is.’ is closed to new replies.