Skip to content

Instantly share code, notes, and snippets.

@clifgriffin

clifgriffin/express-checkout-container.css

Created February 4, 2020 02:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save clifgriffin/128738736234ff0c7eb38ef30eb170f7 to your computer and use it in GitHub Desktop.
Save clifgriffin/128738736234ff0c7eb38ef30eb170f7 to your computer and use it in GitHub Desktop.
Download ZIP
Wrap payment request (express checkout) buttons in a container with a label like Shopify does.
Raw
express-checkout-container.css
#cfw-payment-request-buttons {
border: 1px #d9d9d9 solid;
border-radius: 5px;
padding: 10px;
justify-content: center;
margin-bottom: 1em;
margin-top: 1em;
position: relative;
}
#cfw-payment-request-buttons:after {
content: "Express Checkout";
font-size: 14px;
color: #333;
position: absolute;
top: -10px;
background: white;
padding-left: 10px;
padding-right: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment