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 535 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.
  • 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
                      arminunruhA
                      arminunruh
                      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