Move Sidebar to Left

  • Resolved shadia10

    (@shadia10)


    9 years, 1 month ago

    Hello, I am using the Olsen Light theme and would like to move the sidebar over to the left rather than the right (where it is now). Is there a way to change this? I see that some methods have been posted in the past but they do not work with my theme.TIA

    • This topic was modified 9 years, 1 month ago by shadia10.
Viewing 15 replies - 1 through 15 (of 17 total)
1 2
  • mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Just provide me specific page url with sidebar. I will give to you exact code to move as you desire.
    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    Hello,

    It’s http://harperinteriors.com/ Thank you!

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Please use this custom css code:-

    .sidebar.sidebar-right {
border-right: solid 1px #ebebeb !important;
}
.site-content > row > .col-md-8{
float:right !important;
}
.site-content > row > .col-md-4{
float:left !important;
}

    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    I’m not sure if I’m doing it correctly because nothing happened.

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Where did you insert the code?
    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    Dashboard-Appearance-Edit CSS-Aditional CSS. I also tried putting it in Sidebar.php in Editor.

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Remove my last code and use this new code:-

    .sidebar.sidebar-right {
border-right: solid 1px #ebebeb !important;
}
.site-content > .row > .col-md-8{
float:right !important;
}
.site-content > .row  > .col-md-4{
float:left !important;
}

    Thanks
    Mohammad

    • This reply was modified 9 years, 1 month ago by mdshak.
    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    Where should I put it? Still nothing šŸ™

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Try this now.

    .sidebar.sidebar-right {
border-right: solid 1px #ebebeb !important;
}
#site-content > row > .col-md-8{
float:right !important;
}
#site-content > row > .col-md-4{
float:left !important;
}

    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    Mohammad, Sorry to be a pain but this is still not working…should I be putting it somewhere other than “Additional CSS” ?

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Try this now. It will work definitely.

    .sidebar.sidebar-right {
    border-right: solid 1px #ebebeb !important;
    }
    #site-content > .row > .col-md-8{
    float:right !important;
    }
    #site-content > .row > .col-md-4{
    float:left !important;
    }

    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    It worked!! Thank you!!

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Everytime i missed a small thing in code so it was failed. Anyway we got the success. I am very glad šŸ™‚ to help you.
    Thanks
    Mohammad

    Thread Starter shadia10

    (@shadia10)

    9 years, 1 month ago

    Mohammad,

    Everything inside the sidebar is no longer centered how it was…can this be fixed?

    mdshak

    (@mdshak)

    9 years, 1 month ago

    Hi,
    Please use this code also:-

    .sidebar.sidebar-right .widget {
    padding: 30px 15px 30px 15px !important;
}

    Thanks
    Mohammad

Viewing 15 replies - 1 through 15 (of 17 total)
1 2

The topic ‘Move Sidebar to Left’ is closed to new replies.