Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Scroll To Top: customize hover state

    General Discussion
    3
    6
    118
    Loading More Posts
    • 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.
    • I
      Ilina Catana last edited by

      Dear @mariusjopen,

      I'm looking for a way to change the color of a link "Scroll to top" on hover.
      I added "Scroll to top" to a block and I can't give it another color during a mouse hover.

      I tried to target the ".scrolltotop" class, and to create an ID and a new class for this block.
      Unfortunately I didn't succeed in making one of these solutions work.
      I certainly made a writing error in my css code.

      Do you have an idea what could work?

      Thanks :)

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @Ilina-Catana
        you need to address the link inside the class and also make use of !important.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • I
          Ilina Catana last edited by

          Dear @mariusjopen,
          thanks a lot for your answer!

          About the link inside the class:
          I inspected the page and can't find a "href" for "text lay-textformat-parent scrolltotop" (see screenshot).
          Would it be something like ".scrolltotop a"?

          Thanks a lot!

          Best,
          Ilina

          0_1574716974403_Inspect_Scrolltotop.png

          1 Reply Last reply Reply Quote 0
          • arminunruh
            arminunruh Global Moderator last edited by

            :D

            .scrolltotop:hover>*{
                color: blue!important;
            }
            
            1 Reply Last reply Reply Quote 0
            • I
              Ilina Catana last edited by

              Dear @mariusjopen

              thanks you so much!

              It was the ">*" that I was missing...
              Problem solved, and I learned something :) :)

              Thanks for taking the time!

              Best :)

              Ilina

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Dear @Ilina-Catana
                ah great! Thank you for letting us know!

                best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post
                Post a link to where the problem is
                I don't answer or check forum DMs, please just post on the forum.
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                Before you post:

                Use the Search Feature. Maybe there is already a solution to your issue.

                1. Update Lay Theme and all Lay Theme Addons
                2. Disable all Plugins
                3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                4. Now see if your problem solved itself
                5. Go here, see if your problem is listed here:
                Troubleshooting

                When you post:
                1. Post a link to where the problem is
                2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                Thanks!

                Online Users

                D
                C

                Recent Topics

                • L

                  HTML

                • M

                  Burger menu in desktop and tablet view

                • M

                  WPForms Lite not working with new theme update (5.5.5)

                • K

                  remove licence from old site

                laytheme.com