Skip to content

Instantly share code, notes, and snippets.

View GumroadHelp's full-sized avatar

Gumroad GumroadHelp

View GitHub Profile
<!-- CHANGE THE COLOR, SIZE, OR FONT OF YOUR NAME -->
#user_page .user-follow-content h1 { color: red; font-size: 500px; font-family: Arial; }
<!-- CHANGE THE COLOR, SIZE, OR FONT OF YOUR BIO/DESCRIPTION -->
#user_page .user-follow-content p { color: red; font-size: 500px; font-family: Arial; }
<!-- CHANGE THE SIZE OF YOUR PROFILE PICTURE -->
.user-follow-content .profile-picture { width: 500px; height: 500px; }
<!-- CHANGE THE COLOR OR VISIBILITY OF YOUR PROFILE PAGE'S BANNER (THE BOX AROUND YOUR BIO) -->
.seller-main { background-color: red;
}
<!-- REMOVE THE FOLLOW BUTTON AND PROMPT FROM YOUR PROFILE -->
.creator-profile-card .creator-profile-card__form, .creator-profile-card--medium .creator-profile-card__form, .creator-profile-card--small .creator-profile-card__form {
display: none !important;
}
<!-- FIX THE LOCATION OF YOUR PROFILE'S BACKGROUND IMAGE -->
<!-- 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. -->
@GumroadHelp
GumroadHelp / hide-sharing-buttons.css
Last active September 15, 2015 20:59
Hide sharing buttons on a Gumroad product
#product_page .sharing, #user_page .sharing { display: none !important; }
<div class="gumroad-product-embed" data-gumroad-product-id="demo"><a href="https://gumroad.com/l/demo">Buy my product</a></div>
<script type="text/javascript" src="https://gumroad.com/js/gumroad-embed.js"></script>
<a class="gumroad-button" href="https://gum.co/demo">Buy my product</a>
@GumroadHelp
GumroadHelp / gumroad-js.html
Created September 15, 2015 20:21
Gumroad Overlay JS
<script type="text/javascript" src="https://gumroad.com/js/gumroad.js"></script>
<img src="URL-OF-YOUR-IMAGE"></img>