/    Sign up×
Community /Pin to ProfileBookmark

Re-size a column in WordPress

I am working on a wordpress page, located here: [url]http://jpcsolutions.com/portfolio/azeverything6[/url].

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…

[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 *********************************/
[/CODE]

I look forward to your thoughts on this…

Jared

to post a comment
CSS

0Be the first to comment 😎

×

Success!

Help @jlnewnam spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...