Hi Webflowers,
I’m having an issue with a build i’m working on at the moment which is driving me crazy, i’m hoping someone in the community might be able to help me out.
I have a collection list which is displaying a list of h3s which are wrapped in link blocks. I simply want to change the font colour of each even item in the list.
Sounds easy right? For some reason I cannot figure out it’s not working, i’ve tried the following:
- Use the new native webflow feature for colouring even nth child items (doesn’t work)
- Use css in the head of the page to do something along the lines of a.roster-link-block:nth-child(even) {color: #red;} (doesn’t work)
- Used an html embed with similar things, also trying to target different elements
- USed jquery in an embed and then published the site to achieve the same thing - Doesn’t work
I replicated the structure with some other elements and using the same class names outside of a collection and get more the results i’d expect.
What’s weird is it seems like the hover or pressed state is taking on the nth child selector properties at some points.
I cannot wrap my head around this any help would be great, i’m not new to css or html so this is driving me a bit nuts.
Here is my site Read-Only: https://preview.webflow.com/preview/one-house-artists?utm_medium=preview_link&utm_source=dashboard&utm_content=one-house-artists&preview=8af0f7c03c69ff1b1c7cc3120d83c528&mode=preview
Staging link: https://one-house-artists.webflow.io/