Skip to main content
B
berkob1-Visitor
1-Visitor
May 15, 2019
Question

What is the CSS selector for a collection cell?

  • May 15, 2019
  • 6 replies
  • 2302 views

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

P
posipova20-Turquoise
20-Turquoise
May 15, 2019

 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.

    B
    berkob1-VisitorAuthor
    1-Visitor
    May 15, 2019

    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

    P
    posipova20-Turquoise
    20-Turquoise
    May 15, 2019

    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.

    Terms & ConditionsAccessibility statement