Hi, I've just noticed on 2 seperate installs, that form description labels are overlapped by the input area, making them unreadable. This is in IE7.

I have used the following CSS to fix the problem in IE7, but this makes the gap between input area and form description label too big in FF.

.form-item .description {
margin-top: 1em;
}

What is the correct way to fix this?

Thanks.

Comments

designerbrent’s picture

designerbrent commented
Status: Active » Postponed (maintainer needs more info)

That sounds like something to put in the ie.css file.

Does that do the trick for you?

Peng.Pif’s picture

Peng.Pif commented

Hi Brent, thanks for the tip. I have tried putting the code in ie.css in both the main theme and in the sub-theme. None are working.

Is there anything else I could try?

Thanks.

designerbrent’s picture

designerbrent commented

Hmm.. it sounds like the ie.css file isn't getting loaded? You could check to make sure that it is loaded.

Peng.Pif’s picture

Peng.Pif commented

Thanks for the reply Brent. I just had a look at the path to my ie.css file and found that I was missing the css directory! Silly mistake.

I created a folder called css and put my ie.css in there and all is working well.

Thanks for your help.

designerbrent’s picture

designerbrent commented
Status: Postponed (maintainer needs more info) » Fixed

Glad that worked for you. Sorry for the long delay in getting back to you.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.