Intersperse text color in the same paragraph

Design help Layout & Design
1

I want to have grey text, then white, then grey, then white again and so on. How can I achieve this?

Screenshot 2024-12-04 at 21.09.43
Screenshot 2024-12-04 at 21.09.431578×434 26.3 KB

Here is my site Read-Only: [LINK](Webflow - N9TY's website 2025)
(how to share your site Read-Only link)

2

Are you referring to this section?

image
image1383×360 25.2 KB

If so, it’s static text, not a CMS-generated list. If you’re OK with simple and crude, I’d just;

  • Swap this to a rich text element
  • Paste your content in
  • Select every second term like “Brand Identity & Strategy”, and bold it
  • Give your RTB a class
  • Style all bolds within that RTB as standard-weight, gray-colored text

That’s the easiest to implement, and to edit.

Alternatively if you want it to be “smart”, you could keep it as plaintext, and span each of those elements. Then give the paragraph a class like secondary-color and then drop in an embed with custom CSS like;

<style>
  .secondary-color span:nth-child(even) {
    color: lightgray;
  }
</style>

That would apply color to spans 2 4 6 8, etc.

CMS would be slightly easer in that a collection list has a built in Evens selector you can style.