Hi, im trying to achieve such styling for my heading. Basically 1st line gradient color, 2nd - solid. How can I do it? Link: https://www.mansome.eu/?_ab=0&_fd=0&_sc=1 Currently this is the code I have for the section, but it gives gradient color style for the entire text, not only the 1st line. h…

Hi, You can try and use CSS to theme CSS code example .gradient-text { background: linear-gradient(to bottom, #e8af02 0%, #e7ce6a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .solid-text { color: #e8af02; /* Change to any solid c…

Hey @JustinasR could you please share the reference website URL so that I provide you solution code. Thanks

Good day! @JustinasR , You can achieve this by following the steps, which I have outlined in the screenshots I provided. Go to your Online Store Click on “Themes” Select “Edit code” Find the section where the ‘parallax_banner’ is located, and modify it as shown in the screenshots below. [Screens…

Here it is: https://zzagwkxmkkcemzxl-77830390093.shopifypreview.com

Sorry its not clear, do you mean I have to paste all of the 3 codes in the ss-paralax-banner.liquid file?

Hello @JustinasR , Paste this code and replace the existing tag in the section. Also, make sure to add the section schema as shown

Heading gradient vs solid style

Store Design

JustinasR March 20, 2025, 12:29pm 5

Managed to get it to work thanks!

Topic		Replies	Views
How can I add a text gradient to product page titles? Store Design css	1	77	July 30, 2023
Einzelne Wörter auf der Landing Page in gradient färben Technische Fragen & Antworten css	5	52	April 3, 2024
Changing heading colour to a gradient in origin theme Store Design design , customizations	4	81	February 27, 2023
Add gradient background to text section on product page [Motion Theme] Store Design css , troubleshooting	3	62	January 6, 2023
Hintergund des Headers ändern / Brookyln Shopify Design	3	166	August 12, 2020

Heading gradient vs solid style

Related topics