Left Sidebar in Ari Theme

  • Author
    Posts
  • #1012029

    stagemaroc
    Member

    Hi !

    I use in localhost (still !) the Ari theme but i’d like to make the fixed left sidebar scroll with the rest (center content and the right sidebar).

    I found this https://en.forums.wordpress.com/topic/left-sidebar-in-the-ari-theme, but have no idea how to use and where to place in the style.css this code:

    #subsidiary {
    position: relative;
    }

    Could you help please ? I am beginner in CSS so please give details on how to do !

    #1012085

    stagemaroc
    Member

    RE
    Ok, i’ve tried to put this in the style.css :

    #subsidiary #sidebar-primary {
    width:240px;
    margin:0px 0px 60px 0px;
    float:left;
    position: relative;
    }

    But the left sidebar is now above the two others !! how to keep 3of them (left, center and right sidebar) aligned horizontally in the page.

    Thank you for your help

    #1012090

    stagemaroc
    Member

    Here is the part of the CSS i have to change but don’t know how : (note i added #subsidiary to #wrap div)

    #wrap {
    max-width: 960px;
    margin: 20px auto 0 auto;
    padding: 0px 30px 0px 30px;
    z-index: 0;
    }

    #subsidiary #sidebar-primary {
    width:240px;
    margin:0px 0px 60px 0px;
    float:left;
    position: relative;
    }

    #main {
    width:75%;
    margin-top:85px;
    float:right;
    }
    #content {
    width: 62.5%;
    margin:0px 0px 60px 0px;
    padding:0px 0px 0px 60px;
    float:left;
    font-size: 14px;
    }
    #sidebar-secondary {
    width:20.8%;
    margin:0px 0px 60px 0px;
    float:right;
    }
    #footer {
    width:70%;
    float:right;
    padding: 0px 0px 30px 0px;
    clear: both;
    font-size: 12px;
    overflow:hidden;
    }
    /* Alignment
    --------------------------------------------- */
    .alignleft {
    display: inline;
    float:left;
    margin-right: 10px;
    }
    .alignright {
    display: inline;
    float: right;
    margin-left: 10px;
    }
    .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    Thank you for your help, im’ stuck !

The topic ‘Left Sidebar in Ari Theme’ is closed to new replies.