2 replies [Last post]
brabuhr
brabuhr's picture
Offline
newbie
Last seen: 10 years 21 weeks ago
Timezone: GMT+2
Joined: 2010-02-24
Posts: 3
Points: 5

Hi everyone,

I've been trying to customize the theme piano-black for wordpress. I wanted to create boxes around the widgets with rounded corners. The problem I'm running into is that the top bit of the box doesn't align with the bottom bit. You can see this in the picture.

Here's my CSS. If someone could tell me what I'm doing wrong I would greatly appreciate it. I've been playing around with the padding and the margins for ages and no matter what I do, it won't budge.

.side-title { margin:0px 0 20px 0; 
font-size:11px; 
text-transform:none; 
text-align:center; 
color:#999; 
font-weight:normal; 
line-height:100%; 
background:url(img/info-box-top.gif) no-repeat left top; 
padding:25px 20px 5px 20px;  
width:232px; 
}
 
.side-box { color:#aaa; 
line-height:160%; 
margin:0 0 50px 30px; 
font-size:11px; 
width:232px; 
background:url(img/info-box-bottom.gif) no-repeat bottom left; 
padding:12px 20px 20px 20px; 
}

222ridepegasus
Offline
newbie
Last seen: 10 years 20 weeks ago
Timezone: GMT+1
Joined: 2009-07-14
Posts: 8
Points: 10

Have you got a link to the

Have you got a link to the example? it's easier to debug with Firefbug Smile Smile

MacAddict
MacAddict's picture
Offline
newbie
Jacksonville, FL
Last seen: 6 years 46 weeks ago
Jacksonville, FL
Timezone: GMT-4
Joined: 2010-04-27
Posts: 3
Points: 3

RE: offset

Looks to me like the padding you have on the outer container box is pushing the inner div's in, as padding should. Try removing

padding:25px 20px 5px 20px;

from

.side-title (is this the outer box?)

and see if it nests up at the top like it should.

But yes.. a link would be nice... Firebug is your friend.