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. CSS issues for active state on menu links

CSS issues for active state on menu links

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 753 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.
  • O Offline
    O Offline
    Organstudio
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      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
      0
      • O Offline
        O Offline
        Organstudio
        wrote on last edited by
        #3

        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
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Hi @Organstudio
          try this:

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

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • O Offline
            O Offline
            Organstudio
            wrote on last edited by
            #5

            @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
            0
            • O Organstudio

              @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 Offline
              O Offline
              Organstudio
              wrote on last edited by
              #6
              This post is deleted!
              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                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
                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
                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