How to align the Paypal Icon to the right at Checkout

Hey @rzurxn,

By default with PayPal Checkout the images are aligned to the right. Below is a screenshot taken with the default Twenty Twenty WordPress theme enabled. You may need to write some custom CSS for your theme to display the images aligned to the right.

Image Link: https://cloudup.com/cGx6IPXy3tG

To achieve this type of customization I’d recommend using Google Chrome Developer Tools. You can right click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.

I hope this helps.

Thanks Stuart.

I’ll give the CSS a go.
I’ll try and search for the correct code for aligning right.

Hi Stuart,

Would there be a chance you can grab the CSS code from your twenty twenty theme for that Paypal Icon? So I can get an idea of the code they used for the right alignment?

Hi @rzurxn,

Would there be a chance you can grab the CSS code from your twenty twenty theme for that Paypal Icon? So I can get an idea of the code they used for the right alignment?

There is no additional CSS within the Twenty Twenty theme which relocates the button. The Twenty Twenty theme takes the single product template file and applies the styling, although CSS is usually site-specific and the code from that theme would likely not be applicable to your own theme.

More information about CSS can be found here:

https://wordpress.com/support/custom-design/editing-css/

You could find the CSS selector of your button and then move it with something like margin-left:

https://nation.marketo.com/t5/Knowledgebase/How-to-move-a-form-button-left-or-right-using-CSS/ta-p/248907#:~:text=Add%20css%20style%20using%20adding,in%20a%20custom%20html%20block.

Once again, CSS has to be written for a particular website/particular page so the solution on your site might have to be different.

I hope this helps!

Hi there,

We haven’t heard from you in a while so I’ll be marking this thread as resolved.

Feel free to open a new thread and link to this one if you have further questions though.

Have a wonderful day ahead!