Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. css id for individual row?

css id for individual row?

Scheduled Pinned Locked Moved General Discussion
3 Posts 3 Posters 1.2k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • hangdaiH
    hangdaiH
    hangdai
    wrote on last edited by
    #1

    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!

    1 Reply Last reply
    0
    • panteleyP
      panteleyP
      panteley
      wrote on last edited by
      #2

      Right click on the row > Set HTML class and ID

      1 Reply Last reply
      0
      • arminunruhA
        arminunruhA
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        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

        Screenshot 2023-11-30 at 07.29.58.png

        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{
        }

        1 Reply Last reply
        0

        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

        With your input, this post could be even better 💗

        Register Login
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        Online Users
        I
        Ingi
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
        laytheme.com
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search