Different colors for different words in CSS

JAY1570048019 · July 12

Hi everyone, I’m just looking for the CSS way to change the colour of specific words on the main portfolio navigation page on my website: https://www.bookofjoash.com. E.g: ‘LAMB’ might be coloured brown, and ‘BUSINESS’ might be coloured blue. Any help would be much appreciated, thanks!

tuanphan · July 15

You can add this to Design > Custom CSS

a.portfolio-hover-item:nth-child(1) span {
    color: blue;
}
a.portfolio-hover-item:nth-child(2) span {
    color: brown;
}
a.portfolio-hover-item:nth-child(3) span {
    color: yellow;
}
a.portfolio-hover-item:nth-child(4) span {
    color: red;
}

JAY1570048019 · July 20

Thank you! This worked perfectly.

Different colors for different words in CSS

Recommended Posts

JAY1570048019

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

JAY1570048019

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources