Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save bekarice/37ddd89d99a349477576 to your computer and use it in GitHub Desktop.
Save bekarice/37ddd89d99a349477576 to your computer and use it in GitHub Desktop.
Changes WooCommerce Product Retailers buttons (Note: this example relies on FontAwesome being loaded already)
/*---------------------------------------
WooCommerce Product Retailers adjustments
---------------------------------------*/
.wc-product-retailers-wrap > p {
text-align: right;
font-weight: 700;
font-size: 110%;
margin: 15px 0 5px 0;
}
/* change opacity of all buttons on hover */
ul.wc-product-retailers a.button.alt:hover {
opacity: 0.9;
}
/* Add Amazon colors / FontAwesome icon */
ul.wc-product-retailers a.button.alt.wc-product-retailer-amazon {
background-color: #f3a847;
padding-left: 10px;
}
a.wc-product-retailer-amazon:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
content: '\f270';
display: inline-block;
text-decoration: inherit;
padding-right: 5px;
}
/* Add Apple colors / FontAwesome icon */
ul.wc-product-retailers a.button.alt.wc-product-retailer-apple {
background-color: #333;
padding-left: 10px;
}
a.wc-product-retailer-apple:before {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
content: '\f179';
display: inline-block;
text-decoration: inherit;
padding-right: 5px;
}
@gallenfang
Copy link

Hi, I want to change the WooCommerce Product Retailers buttons, but which php should I put these code in?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment