Back to Shopify Liquid
Shopify Liquid
Gradient Text
Drop this Shopify Liquid snippet into your theme to add the gradient text block. Copy the code below, paste it into your theme files, save and you're done.
18 lines · 0.5 KB
Shopify Liquid
1<div class = container page-width">2<h2 class = "gradient-title">3Gradient text title goes here4</h2>5</div>67<style>8.gradient-title{9 background-image: linear-gradient(45deg, #1cbcc3,#1cbcc3, #4abf8f,#4abf8f 80%);10 -webkit-background-clip: text!important;11 -moz-background-clip: text!important;12 -webkit-text-fill-color: transparent!important;13 -moz-text-fill-color: transparent!important;14font-weight: 900;15text-align: center;16font-size: 25px;17}18</style>
