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. put text over image

put text over image

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 806 Views 2 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.
  • F
    F
    frandimentia
    wrote on last edited by
    #1

    I need to put text on top of an image and whose text is inside the image has a different color to the excess, it would be as shown in the attached image so that you have the idea
    Captura de Pantalla 2025-07-21 a las 9.34.58.png

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

      Yeah sure, you can use this way of doing it:

      https://laytheme.com/documentation/horizontal-grid.html

      (horizontal grid)

      or (easier)

      right click the row, choose "use browser height row"
      then you can place a image in the middle of that row, and then place a text on top of it in the middle.

      1 Reply Last reply
      0
      • F
        F
        frandimentia
        wrote on last edited by
        #3

        Yes, I saw that and it's cool, but I'm referring to the letters with different tones in the images that appear on the web.
        I don't know if I explained myself well

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

          Screenshot 2025-07-22 at 11.24.47.png

          Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop":

          .column-wrap{
              background-color: white;
          }
          .invert{
              mix-blend-mode: difference;
          }
          .invert p{
              color: white!important;
          }
          

          right click the text in the gridder, click "set HTML class and ID".

          And for class, enter: invert
          Screenshot 2025-07-22 at 11.25.16.png

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