Move sidebar to the left, content to right on Cleanr Theme

  • Resolved artisana

    (@artisana)


    10 years, 5 months ago

    Hello!

    This is the site I’m working on: https://nourishhealing.com/ (Child Theme of Cleanr)
    It’s intended to be hyper-minimal, with some basic info on the sidebar and just three pages (no blog, no photos, no video).

    I would initially like to move swap the sidebar and the content: move the sidebar to the left and content on the right, and properly move the nested elements and lines/borders involved too.

    If you have vast knowledge about such a move, please share. I greatly appreciate it!

    I’ve tried

    #content {
    float: right;
    padding: 0 20px 0 40px;
}

#sidebar {
    float: left;
    padding: 0 0 0 20px;
}

    which was not *completely* right. So, rather than make more of a mess, I figured I would ask for any advice.

    Thank you!

    -Ana

Viewing 1 replies (of 1 total)
  • Thread Starter artisana

    (@artisana)

    I figured it out all by myself.

    Here is what worked, in case it is valuable to someone in the future:

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}

.grid_5 {
    float: left;

}
#content {
    border-right: none;
	border-left: 1px solid #ccc;
    padding-right: none;
	padding-left: 50px;
    text-align: justify;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Move sidebar to the left, content to right on Cleanr Theme’ is closed to new replies.