Skip to main content
berkob1-Visitor
1-Visitor
May 15, 2019 3:07 PM UTC
Question

What is the CSS selector for a collection cell?

I'm trying to make custom CSS that applies when my collection's cells have both "selected" and "hover" status, but I don't know how to describe the selector to change the CSS. Does anyone know how to do this?

6 replies

posipova20-Turquoise
20-Turquoise
May 15, 2019 3:09 PM UTC

 You may try to refer by the element ID.  If you open your browser dev tools (f12 in Chrome), in Elements tab, you can hover over the element and it will highlight with a popup with the elementid.

Translate
    berkob1-VisitorAuthor
    1-Visitor
    May 15, 2019 3:15 PM UTC

    When I do that I see for example: "div#cell_test_mashup-95_mashup-root.widget-content.widget-mashup.widget-container". If I use this value will it not just target that specific cell? I'd like add this CSS behavior to every single cell that is generated

    Translate
    posipova20-Turquoise
    20-Turquoise
    May 15, 2019 3:18 PM UTC

    I apologize as I don't have the most experience with CSS. It might be more beneficial to refer to online tutorials/CSS-specific forums for this.

    Translate
    Terms & ConditionsAccessibility statement