WordPress.com Forums » Topic: Left Sidebar in Ari Theme http://en.forums.wordpress.com/topic/left-sidebar-in-ari-theme WordPress.com Forums » Topic: Left Sidebar in Ari Theme en Wed, 19 Jun 2013 00:01:16 +0000 http://bbpress.org/?v=1.1-alpha-2539 stagemaroc on "Left Sidebar in Ari Theme" http://en.forums.wordpress.com/topic/left-sidebar-in-ari-theme#post-1009936 Fri, 14 Sep 2012 11:47:24 +0000 stagemaroc 1009936@http://en.forums.wordpress.com/ 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 !

]]> stagemaroc on "Left Sidebar in Ari Theme" http://en.forums.wordpress.com/topic/left-sidebar-in-ari-theme#post-1009924 Fri, 14 Sep 2012 11:25:42 +0000 stagemaroc 1009924@http://en.forums.wordpress.com/ 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

]]> stagemaroc on "Left Sidebar in Ari Theme" http://en.forums.wordpress.com/topic/left-sidebar-in-ari-theme#post-1009913 Fri, 14 Sep 2012 11:03:56 +0000 stagemaroc 1009913@http://en.forums.wordpress.com/ 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 !

]]>