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

Carousel Text Link with hover

Scheduled Pinned Locked Moved General Discussion
hovercarousel addontextlinkline height
8 Posts 2 Posters 499 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.
  • L Offline
    L Offline
    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 Offline
      RichardR Offline
      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 Offline
        L Offline
        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 Offline
          RichardR Offline
          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 Offline
            L Offline
            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 Offline
              RichardR Offline
              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 Offline
                L Offline
                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 Offline
                  RichardR Offline
                  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
                  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
                  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