[Support request] Checkout payment methods styles broken by gp-premium

Home Forums Support [Support request] Checkout payment methods styles broken by gp-premium

Home Forums Support Checkout payment methods styles broken by gp-premium

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1111156


    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.

    screenshot 1
    screenshot 2
    screenshot 3

    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?

    Customer Support

    Hi 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?


    I 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.

    Customer Support

    I tested with 3 of our WooCommerce sites in the library and don’t believe I’m seeing the issue:

    Are you seeing the issues in those sites?


    To reproduce it you have to have payment method available, because this is related to payment method block. In my example I had Stripe active.

    Customer Support

    Ok I just started this test site and imported Seller:

    and activated all the default payment methods:

    But still don’t think I’m seeing the issue though:

    Can you test it out and let me know if I’m missing something?


    Hi 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.

    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.