Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. hover effect on images

hover effect on images

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 1.1k Views
  • 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.
  • A Offline
    A Offline
    alphadelta
    wrote on last edited by
    #1

    Hey there

    I'd like to add the hover effect from project thumbnails to another class of images. Using the code from the stylesheet doesn't seem to work. Any suggestions?

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Hi alphadelta!

      You can change the image on hover here:

      0_1505051456531_Bildschirmfoto 2017-09-10 um 15.50.48.png

      Then here:
      0_1505051482819_Bildschirmfoto 2017-09-10 um 15.51.10.png

      And edit the settings here:
      0_1505051521773_Bildschirmfoto 2017-09-10 um 15.51.38.png

      0_1505051530689_Bildschirmfoto 2017-09-10 um 15.51.43.png

      I hope I could help!

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • A Offline
        A Offline
        alphadelta
        wrote on last edited by
        #3

        Hey Marius
        Thanks for your reply. Unfortunately that's not what I was looking for. I added some projects to the front page of my website as images and linked them to some of the projects in the portfolio. The thing is, the images on the front page don't have the same zoom-in effect as project thumbnails do on the portfolio page. And I'd like them to behave similarly. Grabbing the code from the project thumbnails and applying it to the images on the front page doesn't seem to work for some reason.

        Any suggestions for this?

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Hi alphadelta,

          ok, I see.

          You want to copy the same effect which Laytheme uses for the Thumbnails for images which you will link..

          Is it only the zoom effect or do you want to also switch the image?

          Can you post a link to your website that I can see which effect you want to copy?

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • A Offline
            A Offline
            alphadelta
            wrote on last edited by alphadelta
            #5

            Thanks for replying, Marius, we managed to fix it. :) Just one more quick question: I can't seem to find where the "._Body" class is declared. Help? Thanks in advance :)

            1 Reply Last reply
            0
            • mariusjopenM Offline
              mariusjopenM Offline
              mariusjopen
              Global Moderator
              wrote on last edited by
              #6

              Hi alphadelta!

              Which "._Body" class do you mean? The normal body class?

              Best!

              Marius

              www.mariusjopen.world

              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

              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
              arminunruhA
              arminunruh
              A
              alasdair17
              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