How can I apply a gradient color to my text using CSS?

Hi!

I would like to give a text a gradient color (gradient accent color 1 of my Refresh theme).
However, I can’t find how I can do it. I should do it with CSS because it’s no standard feature. But I can’t figure it out myself…

This is the link: https://gymstarter-sportnutrition.myshopify.com/

Password: GYMSTARTER123

Can someone tell me how I can set the heading of the newsletter subscription above the footer in: --gradient-base-accent-1: linear-gradient(-60deg, rgba(246, 7, 213, 1) 10%, rgba(139, 99, 231, 1) 50%, rgba(1, 219, 255, 1) 100%);?

Kind regards,
Jolie

Hi @StudioJolie

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

To change the heading of the newsletter subscription above the footer, you can follow the instructions below:

  1. Go to Themes → Edit Code

  1. Find the base.css file (or theme.css). Add this CSS code to the end of the file:
#shopify-section-sections--18927238611219__newsletter h2.inline-richtext.h1 {
 background: linear-gradient(-60deg, rgba(246, 7, 213, 1) 10%, rgba(139, 99, 231, 1) 50%, rgba(1, 219, 255, 1) 100%);
}
  1. This is the result we achieve.

Hope this helps you.


BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert

Level up your Shopify store with our B2B & B2C apps