Image with text section: Need help changing font color for heading- Studio Theme

[aosttg]

I was curious to see if there was a way to change the heading color for the "Image with text" section. My website url is: The Tiny Greenhouse

I would like to change the color for each letter for the word "color" to something like this:

[ExpertRookie]

Hi @aosttg 
in this case
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.banner__heading{
background-image: linear-gradient(to left, violet, indigo, green, blue, yellow, orange, red);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;
}

[layoutbase]

Hi @aosttg, 

You may try out this method as well: 

1. Go to Online Store->Theme->Edit code
2. Find sections/image-with-text.liquid
3. Paste the following on top of the file: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  
  var colorText = '<span >c</span><span style="color:green";>o</span><span style="color:blue";>l</span><span style="color:pink";>o</span><span style="color:yellow";>r</span>';
  var textColor = $('.image-with-text__heading.h2:not(.added-color)').html()
  textColor = textColor.replaceAll('color', colorText); 
  $('.image-with-text__heading.h2').html(textColor)
  $('.image-with-text__heading.h2').addClass('added-color')
</script>
​

Sincerely, 

Layoutbase - Drag & drop page builder tool