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. Links in Texts Mouseover not working

Links in Texts Mouseover not working

Scheduled Pinned Locked Moved General Discussion
11 Posts 3 Posters 524 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.
  • J Offline
    J Offline
    Joshua Althaus
    wrote on last edited by
    #1

    Hello,
    In the "Info" page of my website I'we linked my e-mail (mailto:mymail) and till here ok. What I want to do is to change the color of the mail while the mouse is over it (blue) as I setted up in the menu. I saw in the option "Links in Texts Mouseoverthat's" that's possible set it up, so I changed it but the color of the mail still remain black. I don't know if is a bug or what.

    Here's the link: http://www.joshuaalthaus.com/info/

    Thanks in advance

    1 Reply Last reply
    0
    • edgrbnzE Offline
      edgrbnzE Offline
      edgrbnz
      wrote on last edited by edgrbnz
      #2

      You somehow placed a span there that’s overriding the style:
      0_1562275674606_Window_and_Joshua_Althaus_—_Info.jpg
      You can remove that span while in the text editor and clicking the <>/source code icon, then delete the spans that need to be removed. If your text formats are setup correctly a click on the eraser/clear formatting should also do the trick.

      Also your email is not really linked to your email-address right now. The markup should look more like this:

      <p class="_default">
      Joshua Althaus is a Swiss graphic designer based in Locarno. His work is developed around the independent practice, between both cultural and commercial fields, including self-initiated projects. His approach aim to generate unique and conceptual solutions, with focus on editorial design, brand identity and typography.
      </p>
      
      <p class="_default">
      For info and enquires: +41 763400988 <a href="mailto:joshualthaus@gmail.com">joshualthaus@gmail.com</a>
      </p>
      
      <p class="_default">
      All rights reserved. © Joshua Althaus 2019.
      </p>
      

      Hope that helps!

      ✦ ✦ ✦

      J 1 Reply Last reply
      0
      • J Offline
        J Offline
        Joshua Althaus
        wrote on last edited by
        #3

        I'll try thanks, I can change it with the inspection of the element?

        1 Reply Last reply
        0
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by edgrbnz
          #4

          No you can’t make permanent changes with the web inspector/dev console of your browser.
          You need to make these changes in the backend of wordpress/lay theme. (as described above)

          ✦ ✦ ✦

          1 Reply Last reply
          0
          • J Offline
            J Offline
            Joshua Althaus
            wrote on last edited by
            #5

            Perfect! Thank you

            1 Reply Last reply
            0
            • edgrbnzE edgrbnz

              You somehow placed a span there that’s overriding the style:
              0_1562275674606_Window_and_Joshua_Althaus_—_Info.jpg
              You can remove that span while in the text editor and clicking the <>/source code icon, then delete the spans that need to be removed. If your text formats are setup correctly a click on the eraser/clear formatting should also do the trick.

              Also your email is not really linked to your email-address right now. The markup should look more like this:

              <p class="_default">
              Joshua Althaus is a Swiss graphic designer based in Locarno. His work is developed around the independent practice, between both cultural and commercial fields, including self-initiated projects. His approach aim to generate unique and conceptual solutions, with focus on editorial design, brand identity and typography.
              </p>
              
              <p class="_default">
              For info and enquires: +41 763400988 <a href="mailto:joshualthaus@gmail.com">joshualthaus@gmail.com</a>
              </p>
              
              <p class="_default">
              All rights reserved. © Joshua Althaus 2019.
              </p>
              

              Hope that helps!

              J Offline
              J Offline
              Joshua Althaus
              wrote on last edited by
              #6

              @edgrbnz Hey, I tried to do as you showed me above but it changes directly the color of the link. I just want to change the color of the mouseover (as you can see in the menu). Here the code attached, could you pleas precisely tell me which part I've to delete or modify? 0_1562665080864_Screen Shot 2019-07-09 at 11.30.50 AM.png

              Thanks in advance
              Best!

              Joshua

              1 Reply Last reply
              0
              • edgrbnzE Offline
                edgrbnzE Offline
                edgrbnz
                wrote on last edited by edgrbnz
                #7

                Hey there,

                There’s no need for custom CSS in this case – You have all these options as settings in the customizer:

                0_1562666889908_Customize__Moritz_Welker.jpg

                All you need/should do is remove the spans you have in your markup. They might overwrite the global settings.

                Hope that helps!

                ✦ ✦ ✦

                1 Reply Last reply
                0
                • J Offline
                  J Offline
                  Joshua Althaus
                  wrote on last edited by
                  #8

                  Hey,
                  As I told you in the first message I already tried but's not working from the option settings "Links in Texts Mouseover" the link still remain black.1_1562679649032_Screen Shot 2019-07-09 at 3.37.25 PM.png 0_1562679649032_Screen Shot 2019-07-09 at 3.37.08 PM.png

                  1 Reply Last reply
                  0
                  • J Offline
                    J Offline
                    Joshua Althaus
                    wrote on last edited by
                    #9

                    If I change the opacity is working but the coloro doesn't change

                    1 Reply Last reply
                    0
                    • edgrbnzE Offline
                      edgrbnzE Offline
                      edgrbnz
                      wrote on last edited by edgrbnz
                      #10

                      It is not changing because of all the inline-styles you got in there.
                      Did you try to copy-paste the following code instead of the one you are using?

                      <p class="_default">
                      Joshua Althaus is a Swiss graphic designer based in Locarno. His work is developed around the independent practice, between both cultural and commercial fields, including self-initiated projects. His approach aim to generate unique and conceptual solutions, with focus on editorial design, brand identity and typography.
                      </p>
                      
                      <p class="_default">
                      For info and enquires: +41 763400988 <a href="mailto:joshualthaus@gmail.com">joshualthaus@gmail.com</a>
                      </p>
                      
                      <p class="_default">
                      All rights reserved. © Joshua Althaus 2019.
                      </p>
                      

                      As said bfore you may need to get rid of all the inline styles in your code for this to work.
                      You can remove <span style="color: #000000;"> completely – Instead of <a style="color: #000000; href="… it should just be <a href="… and so on… it’s pretty easy to do.

                      If you need further help with this you may send me your login credentials via DM and I may be be able to have a look as soon as I find some spare time.

                      Hope that helps!

                      ✦ ✦ ✦

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

                        Thank you @edgrbnz for contributing that well to the community!

                        www.mariusjopen.world

                        1 Reply Last reply
                        1
                        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
                        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