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. Background color — only part of a row

Background color — only part of a row

Scheduled Pinned Locked Moved General Discussion
4 Posts 3 Posters 48 Views 3 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.
  • K Offline
    K Offline
    KW1
    wrote last edited by
    #1

    Is it possible to color only part of a row within Laytheme? I have 10 columns within my grid and would like to colour the first two columns in a row in a different colour. Do you have any idea how best to do this? Give the row a class and then? I haven't had any success yet.

    Attached is a few test images to show what I actually want to achieve when scrolling. (The white fields are those two columns within a row that are given a different color and are not blue.)

    Scherm­afbeelding 2025-10-16 om 11.16.51.png Scherm­afbeelding 2025-10-16 om 11.16.56.png Scherm­afbeelding 2025-10-16 om 11.17.06.png

    U 1 Reply Last reply
    0
    • K KW1

      Is it possible to color only part of a row within Laytheme? I have 10 columns within my grid and would like to colour the first two columns in a row in a different colour. Do you have any idea how best to do this? Give the row a class and then? I haven't had any success yet.

      Attached is a few test images to show what I actually want to achieve when scrolling. (The white fields are those two columns within a row that are given a different color and are not blue.)

      Scherm­afbeelding 2025-10-16 om 11.16.51.png Scherm­afbeelding 2025-10-16 om 11.16.56.png Scherm­afbeelding 2025-10-16 om 11.17.06.png

      U Offline
      U Offline
      user-4'33''
      wrote last edited by
      #2

      @KW1
      Maybe try to assign your main bg color for the whole gridder via the gui, then create an amount of horizontally aligned stacks for each row, just like a table. Assign each stack with different ids before writing sth like:

      #row3column1 {
         background-color: white;
      }
      

      This is just a guess, did not try it, but from logic perspective this should work...

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

        haha great ideas!

        yea actually this is not so easy to do at the moment.

        image.png

        Um, but actually, how about you create a stack element? You can make it as big as you want, and just give it a background color. Then, put any content you want inside of it.

        1 Reply Last reply
        0
        • K Offline
          K Offline
          KW1
          wrote last edited by
          #4

          omg — of course. Will try later, thanks again!

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          I also code custom websites or custom Lay features.
          💿 Email me here: 💿
          info@laytheme.com

          Our Web Development company: 100k.studio

          Want to tip me? https://www.paypal.com/paypalme/arminunruh

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          sophianoahS
          sophianoah
          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