Need help? Check out our Support site, then


Left Sidebar in Ari Theme

  1. 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 http://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 {<br /> position: relative;<br /> }

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

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

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

    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

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

    </p> <p>#wrap {<br /> max-width: 960px;<br /> margin: 20px auto 0 auto;<br /> padding: 0px 30px 0px 30px;<br /> z-index: 0;<br /> }</p> <p>#subsidiary #sidebar-primary {<br /> width:240px;<br /> margin:0px 0px 60px 0px;<br /> float:left;<br /> position: relative;<br /> }</p> <p>#main {<br /> width:75%;<br /> margin-top:85px;<br /> float:right;<br /> }<br /> #content {<br /> width: 62.5%;<br /> margin:0px 0px 60px 0px;<br /> padding:0px 0px 0px 60px;<br /> float:left;<br /> font-size: 14px;<br /> }<br /> #sidebar-secondary {<br /> width:20.8%;<br /> margin:0px 0px 60px 0px;<br /> float:right;<br /> }<br /> #footer {<br /> width:70%;<br /> float:right;<br /> padding: 0px 0px 30px 0px;<br /> clear: both;<br /> font-size: 12px;<br /> overflow:hidden;<br /> }<br /> /* Alignment<br /> --------------------------------------------- */<br /> .alignleft {<br /> display: inline;<br /> float:left;<br /> margin-right: 10px;<br /> }<br /> .alignright {<br /> display: inline;<br /> float: right;<br /> margin-left: 10px;<br /> }<br /> .aligncenter {<br /> clear: both;<br /> display: block;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br />

    Thank you for your help, im' stuck !

Topic Closed

This topic has been closed to new replies.

About this Topic