I am working on a wordpress page, located here: http://jpcsolutions.com/portfolio/azeverything6.
I have resized the column you see on the right (with the login script) and I'm having the most trouble resizing the inner left column. Please take a look at the page, where you can access the CSS or here is the Sidebar CSS I'm working with...
I look forward to your thoughts on this...Code:/** Sidebar *********************************/ .side-wrap { width: 275px; position:relative; padding:0; padding-top:10px; margin-top:-10px; z-index:1; } .side-wrap.left.border.bottom {float:left;background:url(images/content-border-d.png) right bottom no-repeat;} .sidebar-content { display:block; position:relative; height:auto; width:275px; position:relative; padding:0; padding-top:10px; margin-top:-10px; z-index:1; } .sidebar-content ul li.sidebartitle a { background:none;} .sidebar-content ul li.widget {clear:both;} .sidebar-content ul li.widget:after { content: "."; display: block; clear: both; visibility: hidden; } .side-wrap .border-wrap.left .sidebar-content ul .widget {padding-right:20px;} .side-wrap .border-wrap.right .sidebar-content ul .widget { padding-left:20px;} .sidebar-content ul .widget {padding-top:10px;padding-bottom:5px;} .sidebar-content li {list-style:none;}.border-wrap { position:relative; height:auto; z-index:0; height:100%; padding-bottom:25px; }.border-wrap.left .border-inner.border {background:url(images/content-border-b.png) right 30px repeat-y;} .border-wrap.right .border-inner.border {background:url(images/content-border-e.png) left repeat-y;} .border-wrap.left.border.bottom{background:url(images/content-border-d.png) right bottom no-repeat;} .border-wrap.right.border.bottom{background:url(images/content-border-g.png) left bottom no-repeat;} .border-wrap.left .sidebar-content.border.top { background:url(images/content-border-c.png) right top no-repeat;} .border-wrap.right .sidebar-content.border.top {background:url(images/content-border-f.png) left top no-repeat;} .no-border-wrap.right { float:right;} .no-border-wrap.left {float:left;} .no-border-wrap {padding-top:0;position:relative;} /** / Sidebar *********************************/
Jared


Reply With Quote

Bookmarks