Printable Version of Topic

Posted by: nootkan Aug 1 2024, 05:49 PM

Hi everyone, was wondering if someone could look over my css on my shopping cart page to see why the postal code label seems to be styling as display:none inline.

I cannot seem to find my mistake no matter how many lines of code or files I look through.

It is bootstrap based and I admit my css skills are far from great.

The link is https://www.paulsmithgallery.ca/shop.

Just add a product to the cart then view the cart and choose the Estimate Shipping & Taxes option to see what I mean.

The Country and Region/State labels show fine but not the Postal Code label. Thanks in advance.
Paul

Posted by: Christian J Aug 2 2024, 04:54 AM

Yes, seems the static HTML uses:


but in my browser inspector it looks like:


I assume that inline style has been added by some javascript. It can't be CSS alone, or it wouldn't show up in the inspector's HTML.

Posted by: Christian J Aug 2 2024, 05:46 PM

An effective way to debug pages is to simply remove content until nothing nothing remains except the content causing the bug.

You might start by removing HTML code, then CSS and JS that does not affect the post code functionality.

Posted by: nootkan Aug 3 2024, 04:32 PM

Christian J, thanks for confirming my suspicions regarding js.

I believe it is something to do with an extension I have installed via vqmod in opencart but having issues troubleshooting after uninstalling them.

I do know that when I first had the site upgraded and tested it the issue wasn't present so I will just keep troubleshooting until I figure it out or just start over I guess.

Thanks for your replies.

Posted by: nootkan Aug 13 2024, 08:00 PM

Wow stupid me! Turns out I had an option disabled in the payment module that should have been enabled hence the display:none designation. Not sure if I did it recently with my upgrades or if it was done some time ago but all is good now. I'm off now to wipe some egg off my face.