How to Move The Sidebar

  • 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. https://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!

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

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

    Thread Starter David_1

    (@david_1)

    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!

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

    Thread Starter David_1

    (@david_1)

    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.

    #primary {
margin-top:500px;
}

    Paste it in your style.css

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

    Thread Starter David_1

    (@david_1)

    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!

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

    Thread Starter David_1

    (@david_1)

    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.

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

    Thread Starter David_1

    (@david_1)

    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!

    Thread Starter David_1

    (@david_1)

    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!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How to Move The Sidebar’ is closed to new replies.