Skip to content

Instantly share code, notes, and snippets.

@dpw1
dpw1 / base.css
Last active March 6, 2024 21:22
Custom sales badge Dawn theme
/* ## Collection page and sections (change badges color/font size)
https://ezfycode.com/blog/dawn-theme-how-to-customize-badges-color-and-size
================================== */
.card .badge[class*="accent"],
.card .badge[class*="inverse"],
.product .badge[class*="sale"],
.product .badge[class*="sold"] {
border-color: transparent !important;
@dpw1
dpw1 / theme.css
Created May 3, 2022 01:46
Hide price for sold out products on Shopify's Debut Theme
.template-product .price--sold-out .price__regular, .template-product .price--sold-out .price__sale, .template-product .price--sold-out .price__unit{ display: none !important; }
@dpw1
dpw1 / theme.css
Created May 3, 2022 01:45
Hide price for sold out products on Shopify's Debut Theme
.list-view-item .price--sold-out .price__regular, .list-view-item .price--sold-out .price__sale, .list-view-item .price--sold-out .price__unit, .grid-view-item--sold-out .price--sold-out .price__regular, .grid-view-item--sold-out .price--sold-out .price__sale, .grid-view-item--sold-out .price--sold-out .price__unit{ display: none !important; }
@dpw1
dpw1 / main-product.liquid
Last active March 8, 2022 04:15
Dawn theme - text above images on product pages
<style>
@media (max-width: 767px){
.product__title--mobile{
display: block;
text-align: left;
font-size: 35px !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
}
@dpw1
dpw1 / theme.css
Last active January 31, 2022 04:06
Debut header's logo size
.site-header__logo-image,
.site-header__logo-image >*{
max-width: 100px !important;
margin-left: 0px;
width: 100% !important;
margin: unset;
}
@dpw1
dpw1 / image-banner.liquid
Last active October 26, 2023 06:26
Make the Shopify Dawn's theme banner image clickable.
{% if section.settings.link != blank %}
<a class="ezfy-custom-link"
href="{{ section.settings.link }}"
{% if section.settings.new_tab %}target="_blank"{% endif %}
></a>
<style>
.image-banner-section{
position: relative;
}
@dpw1
dpw1 / main-product.liquid
Created November 22, 2021 06:38
Full width description below images on the Dawn theme
{%- if product.description != blank -%}
<div class="product__description-parent">
<h2>Description</h2>
<div class="product__description product__description--custom rte">
{{ product.description }}
</div>
</div>
<style>
@media (max-width: 749px){
.product__description-parent{
@dpw1
dpw1 / main-product.liquid
Last active June 1, 2022 05:40
Dawn theme - hide sold out products' price
<style>
[id*='price-template'],.product__tax{
/* transition: opacity .25s; */
}
</style>
<script>
window.ezfyProductData = [
{% for variant in product.variants %}
@dpw1
dpw1 / base.css
Created November 21, 2021 03:46
Change Shopify's Dawn theme price color across all pages
.price__sale .price-item--regular{
color: #ff0000 !important;
}
.cart-item__price-wrapper *,
.price__sale .price-item--sale{
color: #2d2d2d !important;
}
@dpw1
dpw1 / theme.css
Last active November 13, 2021 03:32
Code to make the Debut slideshow text show inside the images on mobile
@media (max-width: 767px){
.slideshow__title,
.slideshow__subtitle {
display: block !important;
}
.slideshow__text-content--mobile,
.slideshow__title--mobile,