[Skip to main content](#vessel-content)

#   Display Issues at Checkout

##

- **[Doot](/forum/user/14800-doot "View Doot's Profile")**
- [![Doot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14800-doot "View Doot's Profile") Topic Author
- [ Offline](/forum/user/14800-doot)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 7 months ago [\#96361](#96361) by [Doot](/forum/user/14800-doot "View Doot's Profile")  *[Display Issues at Checkout](/forum/4-how-to/79691-display-issues-at-checkout#96361 "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 &quot;Billing address&quot;, &quot;Shipping address&quot;, &quot;Payment method&quot; and &quot;Additional information&quot; 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!")* was created by *[Doot](/forum/user/14800-doot "View Doot's Profile")*

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!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5NjkxLWRpc3BsYXktaXNzdWVzLWF0LWNoZWNrb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 7 months ago -  13 years 7 months ago [\#96367](#96367) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Display Issues at Checkout](/forum/4-how-to/79691-display-issues-at-checkout#96367 "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 &quot;Billing address&quot;, &quot;Shipping address&quot;, &quot;Payment method&quot; and &quot;Additional information&quot; 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&gt;configuration&gt;display&gt;css) like this: Code:

size=15;

If you can't figure it out, just give us a link to your website!

Last edit: 13 years 7 months ago by [Eliot](/forum/user/1824-eliot "View Eliot's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5NjkxLWRpc3BsYXktaXNzdWVzLWF0LWNoZWNrb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Doot](/forum/user/14800-doot "View Doot's Profile")**
- [![Doot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14800-doot "View Doot's Profile") Topic Author
- [ Offline](/forum/user/14800-doot)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 7 months ago [\#96717](#96717) by [Doot](/forum/user/14800-doot "View Doot's Profile")  Replied by *[Doot](/forum/user/14800-doot "View Doot's Profile")* on topic *[Display Issues at Checkout](/forum/4-how-to/79691-display-issues-at-checkout#96717 "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 &quot;Billing address&quot;, &quot;Shipping address&quot;, &quot;Payment method&quot; and &quot;Additional information&quot; 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!")*

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 &lt;legend&gt; 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 &lt;legend&gt; tag for those lines?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5NjkxLWRpc3BsYXktaXNzdWVzLWF0LWNoZWNrb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 7 months ago [\#96809](#96809) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Display Issues at Checkout](/forum/4-how-to/79691-display-issues-at-checkout#96809 "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 &quot;Billing address&quot;, &quot;Shipping address&quot;, &quot;Payment method&quot; and &quot;Additional information&quot; 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,

Styling this tag should work with IE [ www.456bereastreet.com/lab/styling-form-...ls-revisited/legend/](http://www.456bereastreet.com/lab/styling-form-controls-revisited/legend/)

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5NjkxLWRpc3BsYXktaXNzdWVzLWF0LWNoZWNrb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Doot](/forum/user/14800-doot "View Doot's Profile")**
- [![Doot's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14800-doot "View Doot's Profile") Topic Author
- [ Offline](/forum/user/14800-doot)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 7 months ago [\#96843](#96843) by [Doot](/forum/user/14800-doot "View Doot's Profile")  Replied by *[Doot](/forum/user/14800-doot "View Doot's Profile")* on topic *[Display Issues at Checkout](/forum/4-how-to/79691-display-issues-at-checkout#96843 "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 &quot;Billing address&quot;, &quot;Shipping address&quot;, &quot;Payment method&quot; and &quot;Additional information&quot; 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!")*

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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5NjkxLWRpc3BsYXktaXNzdWVzLWF0LWNoZWNrb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.084 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
