CSS remove label padding | WordPress.org

Corbula
(@corbula)

14 years, 7 months ago

This is probably something simple but i can’t figure it out.

I’ve got a form field label and it’s got a lot of what i think is padding on the left.

I’ve taken a screen shot in firebug to show what i mean.
http://img97.imageshack.us/img97/3918/firebugelement.jpg

The problem is when i hover over the left on the left it selects the field on the right because of the overlap.

How can i remove that padding on the left?

Thanks

Viewing 7 replies - 1 through 7 (of 7 total)

Michael
(@alchymyth)

14 years, 7 months ago

please post a link to your site to a post or page where the problem can be seen.

Thread Starter Corbula
(@corbula)

14 years, 7 months ago

http://www.asgdatasolutions.co.uk/dev/ndr/0001/?product=nd4020-desktop-printer

Thread Starter Corbula
(@corbula)

14 years, 7 months ago

I’ve tried changing the width and giving padding to the right but that doesn’t get rid of the overlap on the left.

Any ideas?
esmi
(@esmi)

14 years, 7 months ago
Remove left: -33px; from:
```
#li-2-4 {
    float: right;
    left: -33px;
    position: relative;
    top: -33px;
}
```
in style.css
Thread Starter Corbula
(@corbula)

14 years, 7 months ago

Thanks but it still overlaps and I did that to get it closer to the field on left so there wasn’t a big gap in the middle.
esmi
(@esmi)

14 years, 7 months ago
OK – try adding:
```
#cforms2form label span {
    width: auto;
}
```
to style.css
Thread Starter Corbula
(@corbula)

14 years, 7 months ago

Thanks, at the moment it doesn’t overlap but that’s because it’s so far away. Is there no what of getting it closer?

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS remove label padding’ is closed to new replies.

7 replies
3 participants
Last reply from: Corbula
Last activity: 14 years, 7 months ago
Status: not resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics