Heading gradient vs solid style

[JustinasR]

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. 

h1 {
  background: #e8af02;
  background: linear-gradient(to bottom, #e8af02 0%, #e7ce6a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

[TheScriptFlow]

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

Thanks 

[JustinasR]

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

[Small_Task_Help · Accepted solution]

Hi,

You can try <span> 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 color you want */
  display: block;
}

[JustinasR]

Managed to get it to work thanks!

[Huptech-Web]

Good day! @JustinasR , You can achieve this by following the steps, which I have outlined in the screenshots I provided.

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Find the section where the 'parallax_banner' is located, and modify it as shown in the screenshots below.



If you found this response helpful, please do like and accept the solution, and also if you have any questions please don't hesitate to ask.
(S.P)

[JustinasR]

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

[Huptech-Web]

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