Adding Margin to Magento_Paypal Button

[travis_bunn]

Fairly new to Magento in general, but have learned a lot in the past few weeks. if you place a sticker in your cart and go to the checkout page or the mini checkout dropdown in the menu you'll notice the Paypal button is WAY too close to the other buttons. Spent hours just trying to add a top and bottom margin to the paypal button or add margins to the other two buttons to no avail. If anyone could point me in the right direction I would be grateful. Thanks!

[gelanivishal]

Hello @travis_bunn

Can you please provide me your website link?

Thank you.

[travis_bunn]

@gelanivishal www.stickershark.com 

[gelanivishal · Accepted solution]

Hello @travis_bunn,

Please add below CSS code in your theme CSS file 

.paypal.checkout.paypal-logo.paypal-express-in-context-mini-cart-container {
    margin: 10px 0 !important;
}

You can check result in the attached screenshot https://www.screencast.com/t/71ZMu1U2HlI

--
If my answer is useful, please Accept as Solution & give Kudos

[travis_bunn]

The issue is more that I cannot seem to find the correct Theme css file. I spend most of my time searching for the right file with Magento. Then when I do change a CSS file and deploy static files either nothing happens or the website messes up and I have to toy around with clearing cache and deploying again for it to revert back.

EDIT:

Ok your CSS was right, but on top of this I needed to understand App folder vs Pub folder a bit more, find the correct theme file, and properly deploy the changed files. Side note: combining CSS and JS may have been part of the issue as well. After disabling and deploying properly things seemed to work. Thanks!

[travis_bunn]

Ok your CSS was right, but on top of this I needed to understand App folder vs Pub folder a bit more, find the correct theme file, and properly deploy the changed files. Side note: combining CSS and JS may have been part of the issue as well. After disabling and deploying properly things seemed to work. Thanks!