Support » Plugin: WooCommerce PayPal Payments » Can I add margin to the PayPal Checkout Settings Title and Description?

  • Resolved min4836

    (@min4836)


    Hi, sir.

    The title and description (div. woocommerce-checkout-payment) generated by PayPal PayPal Payments in my checkout page payment gateway section, doesn’t fit to my section background width. Like the picture shown below:

    https://prnt.sc/7ckiYebHEMgG
    https://prnt.sc/R69DAGZjvX30

    I want to add margin-left and margin-right to this div by the additional css below:

    
    @media (max-width: 689.98px)
    	.woocommerce-checkout-payment
    	{margin-left: 80px;
    		margin-right: 80px;
    		}
    

    But it doesn’t work

    Can you help to see what I can do to add margin-left and margin-right to this div so it can fit to my background width?
    This is my website:
    https://www.gfogaming.com/

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Inpsyde Niklas

    (@niklasinpsyde)

    Hi @min4836,

    The gateway name and description field are created by WooCommerce and not directly by the PayPal Payments plugin. I would expect the same behavior when you enable any of the default WooCommerce gateways like Bank Transfer for example.

    When testing it with the Storefront or the Blocksy theme in my own environment, this CSS appears to be working. But only without the first line, as I am not encountering this issue with the Blocksy theme in the first place:

    Does it make a difference for you with the Storefront theme active?
    Thanks!

    Kind regards,
    Niklas

    Thread Starter min4836

    (@min4836)

    I rebuild the checkout page by WooFunnels plugin, so this div seems to be taken over by this plugin. That is the reason why above css code doesn’t work.

    Today I check and use this code ,problem is solved.

    body #wfacp-e-form .wfacp_main_form .wfacp-section .woocommerce-checkout-payment,
    body .wfacp_main_form.woocommerce .wfacp-section.wfacp_payment {
     margin-bottom:0;
     margin-left: 0;
     margin-right: 0;
    }
    Plugin Support Inpsyde Niklas

    (@niklasinpsyde)

    I see, glad to hear you found a solution that suits your needs.
    I’ll mark this thread resolved then, but for any further questions or feedback regarding PayPal Payments, don’t hesitate to let us know.
    Thank you!

    Kind regards,
    Niklas

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can I add margin to the PayPal Checkout Settings Title and Description?’ is closed to new replies.