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. Help for individual css Project Title

Help for individual css Project Title

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 436 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.
  • V
    V
    visch
    wrote on last edited by
    #1

    Hi Armin

    Can you help me with some CSS Code for a Project Title?
    Till now i got this:

    body.slug-projekte .thumb .ph{
    background-color: white!important;
    }
    body.slug-projekte .thumb:hover img{
    opacity: 0!important; }

    It works , that the Hover is white, but now i need to see the Project title. What is the Code for that?

    Thank you, Julian

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

      can u post the link

      you need to use the chrome inspector to find the right html element, in order to write the correct css class

      Screenshot 2024-01-09 at 17.59.47.png

      see its .title

      1 Reply Last reply
      0
      • V
        V
        visch
        wrote on last edited by
        #3

        Hi Armin
        https://visch.space/projekte/

        All this Images should have the Title of the Project Thumnail... When Mouseover > White Space... Thank You !

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

          Screenshot 2024-01-12 at 01.32.35.png

          but it already works no?

          you can use the settings for this, instead of css:
          in customize → project thumbnails → project thumbnail mouseover

          Screenshot 2024-01-12 at 01.34.09.png

          use white bg color and opacity like 0 i think or 100

          and in:

          customize → project thumbnails → project title
          Screenshot 2024-01-12 at 01.34.22.png

          show title on mouseover

          or maybe i don't understand what you're trying to do correctly

          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