Title: Create rainbow text using CSS?
Last modified: February 17, 2020

---

# Create rainbow text using CSS?

 *  [eliseartificiallawns](https://wordpress.org/support/users/eliseartificiallawns/)
 * (@eliseartificiallawns)
 * [6 years, 3 months ago](https://wordpress.org/support/topic/create-rainbow-text-using-css/)
 * I want to change the id=menu-item-2797″ which is displayed as SCHOOLS in the 
   site menu.
 * Basically, I want a different colour for each letter in the word SCHOOLS to create
   a rainbow effect. Can I do this without using Javascript?
 * I have Additional CSS enabled on my site so I’m hoping I can use CSS.
 * Can someone please give me some guidance on how to do this, I’ve only ever coded
   with HTML before so if you could write the full CSS including the menu item that
   would be so helpful.
 * Many Thanks!
    -  This topic was modified 6 years, 3 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Developing with WordPress
      topic
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcreate-rainbow-text-using-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [6 years, 3 months ago](https://wordpress.org/support/topic/create-rainbow-text-using-css/#post-12445919)
 * This is some clever use of CSS:
 * [https://www.w3docs.com/snippets/css/how-to-create-a-multicolor-text-in-html-and-css.html](https://www.w3docs.com/snippets/css/how-to-create-a-multicolor-text-in-html-and-css.html)

Viewing 1 replies (of 1 total)

The topic ‘Create rainbow text using CSS?’ is closed to new replies.

## Tags

 * [Coding](https://wordpress.org/support/topic-tag/coding/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [style sheets](https://wordpress.org/support/topic-tag/style-sheets/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/create-rainbow-text-using-css/#post-12445919)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics