2 Attachment(s)
Chrome not displaying order total box correctly
When a customer is using chrome and starts the checkout process and reach Step 2 of 3 - Payment Information page the Order Total box should be centered like the ones below it (Discount Coupons, Gift Certificates, Payment Method, etc) instead it is all bunched in a tall row.
This page works as it should in Safari, Firefox and Edge so I'm thinking it is some type of css issue but so far I have been unable to find the problem. Any tips or suggestions would be greatly appreciated.
https://cedarhollowfarm.com/shop/
Re: Chrome not displaying order total box correctly
Recommend (though haven't looked at the page(s) specifically) to run the page source content through an html validator. Some web-browsers "figure out" how to display the page, while others go raw and the content ends up a bit out of sorts... Not validating is typically where such a problem occurs, otherwise there may be something specific in the template that is not compatible with the browser, though I would think that would be rare to find/have.
Re: Chrome not displaying order total box correctly
Thanks for the quick reply, I used validator.w3.org had a couple of "Warning: The type attribute is unnecessary for JavaScript resources." but nothing else which is what confused me.
Re: Chrome not displaying order total box correctly
Quote:
Originally Posted by
mc12345678
Recommend (though haven't looked at the page(s) specifically) to run the page source content through an html validator. Some web-browsers "figure out" how to display the page, while others go raw and the content ends up a bit out of sorts... Not validating is typically where such a problem occurs, otherwise there may be something specific in the template that is not compatible with the browser, though I would think that would be rare to find/have.
I was able to find this but don't understand how to correct:
URI : https://cedarhollowfarm.com/shop/inc...stylesheet.css
66 :-moz-handler-blocked is an unknown vendor extended pseudo-class
120 -moz-box-sizing is an unknown vendor extension
120 -webkit-box-sizing is an unknown vendor extension
121 -moz-box-sizing is an unknown vendor extension
121 -webkit-box-sizing is an unknown vendor extension
123 -moz-box-sizing is an unknown vendor extension
123 -webkit-box-sizing is an unknown vendor extension
124 -moz-box-sizing is an unknown vendor extension
124 -webkit-box-sizing is an unknown vendor extension
367 -moz-box-sizing is an unknown vendor extension
367 -webkit-box-sizing is an unknown vendor extension
368 -moz-box-sizing is an unknown vendor extension
368 -webkit-box-sizing is an unknown vendor extension
URI : https://maxcdn.bootstrapcdn.com/font...wesome.min.css
4 -webkit-font-smoothing is an unknown vendor extension
4 -moz-osx-font-smoothing is an unknown vendor extension
4 -webkit-animation is an unknown vendor extension
4 -webkit-animation is an unknown vendor extension
4 Unrecognized at-rule @-webkit-keyframes
4 -webkit-transform is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 progid:DXImageTransform.Microsoft.BasicImage(rotation=1) is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 -ms-transform is an unknown vendor extension
4 progid:DXImageTransform.Microsoft.BasicImage(rotation=2) is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 -ms-transform is an unknown vendor extension
4 progid:DXImageTransform.Microsoft.BasicImage(rotation=3) is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 -ms-transform is an unknown vendor extension
4 progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1) is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 -ms-transform is an unknown vendor extension
4 progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) is an unknown vendor extension
4 -webkit-transform is an unknown vendor extension
4 -ms-transform is an unknown vendor extension
Re: Chrome not displaying order total box correctly
Quote:
Originally Posted by
wcook
Thanks for the quick reply, I used validator.w3.org had a couple of "Warning: The type attribute is unnecessary for JavaScript resources." but nothing else which is what confused me.
Was the code fed to the validator from chrome or one of the other browsers? I've seen sometimes where the "source code" may get corrected and that makes it harder to find the problem depending on the browser. The other css messages above do not look like they impact the outcome as shown.
Re: Chrome not displaying order total box correctly