Oliokd123 Posted February 1 Posted February 1 Hi how can i change the colour of my text in the lists so they are 3 different colours ? This is the code I have and also for some reason the images arent working when you click on them , they should link to the links provided . thanks in advance! website is : https://www.oliknowles.com/servicessub?rq=service This is the code : /* Targeting specific list items within the section */ [data-section-id="65bb95226d34407ab7877411"] .list-item:nth-of-type(1) { background: #be4127 url('https://www.oliknowles.com/servicessub/brandidentity') center center no-repeat; background-size: cover; cursor: pointer; } [data-section-id="65bb95226d34407ab7877411"] .list-item:nth-of-type(2) { background: #4d6c18 url('https://www.oliknowles.com/servicessub/bespokeillustration') center center no-repeat; background-size: cover; cursor: pointer; } [data-section-id="65bb95226d34407ab7877411"] .list-item:nth-of-type(3) { background: #559b99 url('https://www.oliknowles.com/servicessub/weddingstationery') center center no-repeat; background-size: cover; cursor: pointer; }
tuanphan Posted February 5 Posted February 5 Change these text to 3 colors? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Solution tuanphan Posted February 7 Solution Posted February 7 Use this code to Website > Website Tools (under Not Linked) > Custom CSS /* change list color */ .user-items-list-item-container[data-section-id="65bb95226d34407ab7877411"] { li:nth-child(1) h2 { color: #000 !important; } li:nth-child(2) h2 { color: #f1f !important; } li:nth-child(3) h2 { color: #f1f2f3 !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment