css id for individual row?

[hangdai]

Hi
maybe this is real simple but couldn't find anything about it...

is there a way to look up the id of a specific row in the gridder?
I want to style different rows individually instead of using the whole page id.

Thanks!

[panteley]

Right click on the row > Set HTML class and ID

[arminunruh]

https://www.google.com/search?q=learn+how+to+use+chrome+inspector&oq=learn+how+to+use+chrome+inspector&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIHCAUQABiABDIHCAYQABiABDIHCAcQABiABDIHCAgQABiABDIHCAkQABiABNIBCDc1NThqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8

learn how to use your browser's inspector

look, rows have classes like these:

row row-col-amt-2 no-stickies no-y-offsets no-webglslideshow no-row-hoverimage row-id-1 first-row row-0

there is an id: row-id-1 and a counter: row-0

you can combine this with page selectors:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

like

body.slug-frontpage .row-0{
}