How to move the sidebar up? (6 posts)

  1. quinker
    Posted 6 years ago #

    I am using this template http://www.ezwpthemes.com/templates/commute-reader.html

    1. I would like to reduce the width of the top-post and move the side bar up. I am able to reduce the width. But the side bar doesn't move up. So, I ended up with a square white space above the sidebar. How can I move it up?

    2. As you see in the screenshot, there is a lot of space to the right and left. Is there any way I can use it to show ads?

    Please suggest..

  2. Michael
    Forum Moderator
    Posted 6 years ago #

    if you look into the html structure (which i haven't thoroughly) you will probably notice, that the sidebar is called after the featured content; so to get it to begin higher up under the header, you need to change the html structure of your template files.

    the space left and right is outside the html structure of your site.
    (besides, on a 'normal' laptop monitor there is not even enough space to put a 'skyscraper'ad banner.)

    one way to get stuff out there is to program a 'wrapper' div that starts before all others, and make a structure like: left-div; original-div; right-div. (or use only one side)
    with the appropriate formatting.

  3. quinker
    Posted 6 years ago #

    I've moved the sidebar code right under the header (in the CSS file )..it still doesnt move :(


  4. Michael
    Forum Moderator
    Posted 6 years ago #

    i am talking about html code in the php files.

  5. quinker
    Posted 6 years ago #

    Oh, ok..let me try that...
    sorry, I am a newbie..

  6. quinker
    Posted 6 years ago #

    Looks like this is working :)

    But another problem now. When I move the sidebar up, if its contents are longer than the top post height, the featured posts are getting pushed further down creating a gap between top post and featured posts.

    I figured out that I create a new sidebar and place it on the top. adjust its contents accordingly.

    I created a sidebar2 but it is showing the same contents of sidebar1.

    I used this tutorial to create it: http://www.blogohblog.com/adding-extra-sidebar-to-your-wordpress-theme/

    Any help on this please?

Topic Closed

This topic has been closed to new replies.

About this Topic