CSS Codes for Shopify Website Modeifications
Product Price Fonts
.price-item–sale {
color: green;
font-weight: bold;
font-size: 20px;
}
or
.price {
font-size: 20px;
font-weight: bold;
color: #0011d2;
}
and
.badge {
margin-top: 5px;
}
Header Title of Product or Page
h1 {
font-size: 20px;
font-weight: bold;
}
and
.badge {
margin-top: 5px;
}
Remove Full Local Pick up info- Product Page
/* Remove local pickup information */
.pickup-availability-button {
display: none !important;
}
pickup-availability
display: none; }
/* end */
Remove only Local Pick up info clickable link- Product Page
/* Remove only local pickup link information */
.pickup-availability-button {
display: none !important;
}
/* end */
Remove Pickup available at Default Shopify theme info- Product Page
/* Remove pick up available at information in product page */
pickup-availability
display: none; }
/* end */
Remove Pickup available at Premium Shopify theme info- Product Page
/* Remove pick up available at information in product page */
.pickup-availability-button {
display: none;}
/* end */
Reduce Gap below Add to Cart/Wishlist button
/* Reduce Gap below Add to cart/wishlist buttons */
.product__info-container .product-form,
.product__info-container .product__description,
.product__info-container .icon-with-text {
margin: 1.5rem 0;
} /* end */
More codes coming soon..
Let us know what css code you looking for!