Skip to content

Instantly share code, notes, and snippets.

@GumroadHelp

GumroadHelp/Product-customization-snippets.css

Created September 2, 2015 23:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save GumroadHelp/1a0506d3a3fa3b80e302 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save GumroadHelp/1a0506d3a3fa3b80e302 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. GumroadHelp created this gist Sep 2, 2015.
    28 changes: 28 additions & 0 deletions Product-customization-snippets.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    <!-- ADJUST THE PURCHASE FORM'S BACKGROUND COLOR. -->
    .buy-form-main { background-color: red !important; }
    <!-- ADJUST THE FONT OF YOUR PRODUCT DESCRIPTION. -->
    .product-main blockquote.product-description { font-family: garamond !important; }
    <!-- CHANGE THE PRICE TAG COLOR AND FONT COLOR. -->
    h2.product-price-tag { background: red !important; color: red; font-color: red; }
    h2.product-price-tag:before { border-right-color: red !important; color: red; }
    <!-- HIDE THE SOCIAL BUTTONS - TWITTER, FACEBOOK, EMAIL -->
    #product_page .sharing, #user_page .sharing { display: none !important; }
    <!-- CHANGE THE WIDTH OF A PRODUCT'S PAYMENT FORM -->

    #product_page #wrapper, #product_page #wrapper .product-row { max-width: 1000px !important; }

    <!-- HIDE THE "# LEFT" BANNER ON PRODUCTS WITH A LIMITED AMOUNT OF STOCK -->

    .products-left-container { display: none !Important; }

    <!-- REMOVE THE ORIGINAL, OR PRE-DISCOUNT PRICE FROM A DISCOUNTED PRODUCT. This allows you to offer discounts, but not let customers see the original price of a product. -->

    .old-price { display: none !important; }