- This topic has 7 replies, 2 voices, and was last updated 4 years, 3 months ago by Leo.
-
AuthorPosts
-
December 22, 2019 at 6:17 am #1111156Adam
Hi,
In the checkout payment method section couple of styles provided by gp-premium/woocommerce/functions/css/woocommerce.css, break the design, as show on the screenshots.
The styles that’s break the UI are:
#payment .payment_methods li.wc_payment_method>input[type=radio]:first-child { clip: rect(1px,1px,1px,1px); position: absolute!important; } #payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label { font-weight: bold; background-color: rgba(0,0,0,0.07); } #payment .payment_methods>.wc_payment_method>label { padding: 20px; background-color: rgba(0,0,0,0.04); display: block; } .woocommerce-checkout #payment ul.payment_methods li img { float: right; }
We really don’t see the point why these styles are there, we had to override them to fix checkout view. Can you please remove them from the following release?
December 22, 2019 at 9:08 am #1111365LeoStaffCustomer SupportHi there,
We’ve got lots of WooCommerce users and have not encountered this problem before.
Can you link us to the page in question with all plugins disabled except GP Premium and WooCommerce?
December 22, 2019 at 2:43 pm #1111629AdamI don’t know about other users, maybe they didn’t notice that something is wrong in the checkout page, we did.
I can’t provide link to the page because we have only production and staging online, which we use on ongoing basis and these issues are fixed there already. We can’t rollback our staging and leave stagnant only as proof of the problem purpose.
I did the test, again as you said, on local vagrant woocommerce instance, disabled all the plugins except gp-premium. Results are the same, as described and provided on screenshots above. Winning styles, that modify checkout are defined in the plugin in the file mentioned. It took me less than 5 minutes to set it up localy.
December 22, 2019 at 4:36 pm #1111701LeoStaffCustomer SupportI tested with 3 of our WooCommerce sites in the library and don’t believe I’m seeing the issue:
http://gpsites.co/seller/
http://gpsites.co/prime/
http://gpsites.co/niche/Are you seeing the issues in those sites?
December 22, 2019 at 5:42 pm #1111764AdamTo reproduce it you have to have payment method available, because this is related to payment method block. In my example I had Stripe active.
December 22, 2019 at 6:03 pm #1111775LeoStaffCustomer SupportOk I just started this test site and imported Seller:
https://wordpress-202309-991531.cloudwaysapps.com/and activated all the default payment methods:
https://www.screencast.com/t/1TF3gYfglIBut still don’t think I’m seeing the issue though:
https://www.screencast.com/t/Zfnkiim01
https://www.screencast.com/t/Mz9hNobHsjY6Can you test it out and let me know if I’m missing something?
December 23, 2019 at 2:11 am #1112001AdamHi Leo,
thanks. In my instance there is just black spot in place of checked checkbox, as shown on my screenshots. I see on your screen it looks a bit different. Probably some child theme setting make it look bad. I will dig it bit deeper.
December 23, 2019 at 9:13 am #1112461LeoStaffCustomer SupportSounds good 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.