Lay Theme Forum

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

    CSS issues for active state on menu links

    General Discussion
    2
    7
    500
    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.
    • O
      Organstudio last edited by

      Hi, I am having trouble applying CSS to style my links in italic when active–works on hover. I'm sure it is something very simple that I'm doing wrong. I have applied the following code:
      a:hover {
      font-family:Lifeitalics;
      }
      a:active {
      font-family:Lifeitalics;
      }

      Also on the projects page I am noticing faint lines from the thumbnail images on hover which should be covered by the titles on mouseover.

      Lastly, is there a way to make the site title non-clickable?

      My website is: www.normanwilcoxgeissen.com

      Many thanks,
      Norman

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

        Dear @Organstudio

        1. Italic
          The italics seems to work now. Did I miss something?

        2. Lines
          I can't see any faint lines. Can you upload a screenshot?

        3. Title
          Yes. With a trick. But you could add a CUSTOM CSS which says:

        .sitetitle.txt {
            pointer-events: none;
        }
        

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • O
          Organstudio last edited by

          Hi Marius,

          Many thanks for your response.

          1. The italics work for hover but I would like the state (italics) to remain on selection so as to identify the page that is active. Is there an easy way to implement this with CSS?

          2. Lines – I have since modified the design slightly so all good here.

          3. Title CSS – perfect thanks!

          All best,
          Norman

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

            Hi @Organstudio
            try this:

            .current-menu-item a {
                font-family: Lifeitalics;
            }
            

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • O
              Organstudio last edited by

              @mariusjopen said in CSS issues for active state on menu links:

              .current-menu-item a {
              font-family: Lifeitalics;
              }

              Hi @mariusjopen

              Yes that works perfectly!

              Many thanks!
              Norman

              O 1 Reply Last reply Reply Quote 0
              • O
                Organstudio @Organstudio last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  Dear @Organstudio
                  can I ignore the last comment you made?
                  It looks like you deleted it.

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  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

                  G
                  A
                  K
                  F
                  F
                  S

                  Recent Topics

                  • A

                    Theme crashed - because of Polylang?

                  • A

                    fullscreen slider: slow load time + mobile: images dropping to bottom

                  • Unable to Update Add ons (plugins)

                  • S

                    Links don't work / pages don't show up

                  laytheme.com