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. Carousel Text Link with hover

Carousel Text Link with hover

Scheduled Pinned Locked Moved General Discussion
hovercarousel addontextlinkline height
8 Posts 2 Posters 2.0k 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.
  • L
    L
    luis
    wrote on last edited by
    #1

    Hey Lay Theme Team, thank you for your great work.

    I am working on a Website and using the carousel add-on. However I want to have text with links in the carousel which get underlined while hovering. I was able to achieve that, but unfortunately the whole text is jumping when hovering over the links. Probably the line height changes because of the underline. On a different subpage without a carousel the hover within a text is working completely fine.

    Do you have idea how to solve this problem?
    Would be really great if you could help.

    All the best,
    luis

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear Luis

      @luis

      Great website ✨


      The link provided doesn't have a carousel currently, am i missing something - sorry if i have mis-understood!

      Talk soon 🌝

      Sincerely
      Richard
      1 Reply Last reply
      0
      • L
        L
        luis
        wrote on last edited by
        #3

        Hi Richard,
        thank you for your response. :)

        https://hyper-raum.de/info/
        that is the link and it is a Carousel without pictures but instead with text.
        If you hover over "->forum" it gets underlined and the text above moves a little bit higher. How can I stop that, it should not move?

        Luis :)

        1 Reply Last reply
        0
        • RichardR
          RichardR
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear Luis

          @luis

          Thank you for the update,
          I don't want to be difficult but when testing on Chrome, Safari & Firefox i am unable to recreate the 'Jumping' when hovering "Forum".

          Has something recently changed ? - Wish to help! 🌝


          Sincerely
          Richard
          1 Reply Last reply
          0
          • L
            L
            luis
            wrote on last edited by
            #5

            Hi Richard, thank you for all your effort. :)
            The problem remains the same for me. Probably I have explained it too difficult :D. I made a screen recording to show you what is going on.
            https://shared-assets.adobe.com/link/27298080-8f4b-49e4-6370-ac50a66cca78

            I am talking about the links within the text and not the menu points.
            Have a look, maybe it is understandable now.

            All the best,
            Luis

            1 Reply Last reply
            0
            • RichardR
              RichardR
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Dear Luis

              Thank you for the video, great use of Shared Adobe ✨
              The Bottom border when activated adds 3 px of padding to the Link. This is what causes the 'push'

              The <span> elements also dont help this seperation:
              Screen Shot 2021-06-12 at 4.52.04 PM.png


              Does this shed any insight into the Issue?

              Best wishes
              Richard
              1 Reply Last reply
              0
              • L
                L
                luis
                wrote on last edited by
                #7

                Hi Richard, thanks for your insights.

                Unfortunately, I am not good at coding. How can I change the extra padding underneath the link?
                On the front page, for example, the bottom border works perfectly fine. I think it has something to do with the carousel plugin.

                I reduced the span elements a little bit.

                All the best,
                Luis

                1 Reply Last reply
                0
                • RichardR
                  RichardR
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #8

                  Dear @luis

                  If you still need help with Custom CSS for this let me know via 'Chats' ✨


                  Best wishes & have a wonderful day 🌝
                  Richard
                  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
                  L
                  lstark
                  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