Display Issues at Checkout

I am having two issues with the checkout page of my site.

1) In Internet Explorer and only that browser from what I can tell, the "Billing address", "Shipping address", "Payment method" and "Additional information" text all show up as black and so far I have not been able to fix it by editing the css. Is there some specific spot in the css which is controlling the color of this text?

2) I added a custom field for customers to fill in a gift message if they are sending the order as a gift to someone. Where would I find the code for controlling the size and shape of this field? Currently it is small and scrunched up inside a table.

Thanks!

Hi there,

These are two css issues so you just have to right click on the element you want, choose "inspect element" and find the css rules you want to edit.
For the first case you'll probably have to use some IE hack and for the second you have to add a css rule on the class (in System>configuration>display>css) like this:

size=15;

I figured out how to fix the custom field part a bit but the other problem is a bit more difficult.

Hikashop puts the titles for the sections in the checkout area inside the <legend> tag. There is a longstanding problem with anything inside that tag, IE seems to just ignore any styling I do for that tag.

Is there some known fix for this for IE? Or is there some way to make Hikashop just not use the <legend> tag for those lines?

Hi,

Styling this tag should work with IE www.456bereastreet.com/lab/styling-form-...ls-revisited/legend/

You can edit the views "checkout / payment" "checkout / shipping", etc. to remove the legend tags.
The edition is in Display > Views.

Nothing I do allows me to style the legend tag, it seems to be a bug other people have had since I see it pop up in google searches but the solutions don't seem to work in this situation.

I took out the legend tag in the css and at least it displays right in IE now.

Thanks for pointing me in the right direction.