WordPress.org

Ready to get started?Download WordPress

Forums

How to Move The Sidebar (13 posts)

  1. David_1
    Member
    Posted 2 years ago #

    Hello Everyone,

    I am using a Child of the Twentyten theme.
    I have a Sidebar which is located at the top right of the page.

    I need to have it located further down the page. http://i-brand.ca/testsite/
    If anyone knows what I can do to make this happen I would be very grate full hearing from you.

    Many thanks in advance for your assistance on this!

  2. RichardWPG
    Member
    Posted 2 years ago #

    Try go to your appearance and move the sidebar widgets from there.

  3. David_1
    Member
    Posted 2 years ago #

    Thank you for your comment Richard.

    Unfortunately I think there is little I can do from the Appearance • Widget area.
    What I am attempting to accomplish is to physically move the Sidebar to a location further down the page.

    When I Activate the Twentyten theme, the Sidebar is in a place that would nearly work out ok.

    When I Activate my Child theme, it jumps up to the top.
    Having said that, I have adjusted some of the Child CSS properties to bring the Sidebar down, however when I do this, it (the Sidebar), disappears behind the page contents where it is non-visible.

    Really struggling with this issue so if anyone can assist me with this, I would be truly very appreciative to hear from you.

    Many, many thanks in advance for your help!

  4. jnhghy
    Member
    Posted 2 years ago #

    Hi,
    You need to change some css code
    check this thread.

  5. David_1
    Member
    Posted 2 years ago #

    Thank you very much jnhghy. Appreciate your help.

    I read the thread you provided and some good things were mentioned, but unfortunately it did not work.

    Also, I could not find #sidebar anywhere in my Child style.css or the Twentyten style.css.

    If anyone else has idea's I would be most grate full hearing from you.
    Just can't seem to fix this issue.

    I really appreciate all your assistance.

  6. orpatech
    Member
    Posted 2 years ago #

    #primary {
    margin-top:500px;
    }

    Paste it in your style.css

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  8. David_1
    Member
    Posted 2 years ago #

    Thank you orpatech.
    I gave that a try. It kept the SEARCH widget at the top, but moved the posted widgets to the bottom left below the footer and page content.

    Esmi, the Firebug is a good idea, I can see that the Sidebar widget is labeled with: div#primary.widget-area -but how would I implement a change to its properties/values?

    Thank you to everyone for your comments. They are always very much appreciated indeed!

  9. esmi
    Forum Moderator
    Posted 2 years ago #

    By using div#primary.widget-area in your child theme's CSS.

  10. David_1
    Member
    Posted 2 years ago #

    Esmi, I do not see anything in my Child or the Twentyten themes style.css titled: div#primary.widget-area

    I do however see #primary. Would you suggest that if I write some css attributes to this tag, I should be able to re-locate the Sidebar?

    Thank you Esmi. I certainly do appreciate your help and your time trying to assist me.

    Thank you.

  11. esmi
    Forum Moderator
    Posted 2 years ago #

    The sidebar widget is actually controlled by #secondary in the parent theme, so you can simply re-use that in the child theme.

  12. David_1
    Member
    Posted 2 years ago #

    Thank you very kindly Esmi!
    I will give that a go and see how I make out.

    Thank you so much for your help! Also to the others for their time and efforts as well.

    Thank you!

  13. David_1
    Member
    Posted 2 years ago #

    Hi again Esmi. Thank you, that seemed to work.

    If this information can be of use to anyone else, I took Esmi's suggestion. I wrote a few properties to the #secondary and this moved the widget down the page closer to where I wanted it. I will do some fine tuning as I noticed that it has effected the page content slightly by pushing it over to the left.

    Thank you to all!

Topic Closed

This topic has been closed to new replies.

About this Topic