Lay Theme Forum

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

    Underline for active menupoint won't change colour with custom CSS

    Bug Reports
    3
    4
    71
    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.
    • A
      alidarosie last edited by

      Hi Armin and Marius,

      I am working on a home page for a website where the menu text is white instead of black as it is on all other pages. I followed your instructions in Documentation 'CSS based on current page', but the underline for the active menu point is still showing as black, not white. I have tried several times to fix but nothing works.

      Here is the page: http://originalprojects.co.uk/category/now/ ...you will see Now is still underlined in black, but I want it to be white. I am using Chrome.

      This is the code I have in custom CSS:
      /* navigation /
      body.slug-now nav.primary a{
      color: white;
      }
      /
      navigation /
      body.slug-now nav.primary a{
      color: white;
      }
      /
      navigation mouseover /
      body.slug-now nav.primary a:hover{
      color: white;
      }
      /
      navigation mouseover underline color /
      body.slug-now nav.primary a:hover span{
      border-bottom-color: white;
      }
      /
      navigation transition */
      nav.primary a{
      transition: all 600ms ease;
      -moz-transition: 600ms ease;
      -o-transition: 600ms ease;
      -webkit-transition: all 600ms ease;
      }

      Could you please advise how to fix this?

      Thanks very much,
      Alida

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

        Dear @alidarosie

        try this:

        
        nav.laynav .current-menu-item>a span {
            border-bottom-color: white;
        }
        
        

        Best!
        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • A
          alidarosie last edited by

          @mariusjopen said in Underline for active menupoint won't change colour with custom CSS:

          nav.laynav .current-menu-item>a span {
          border-bottom-color: white;
          }

          Thank you so much Marius, that is perfect! For anyone else with the same issue, I just had to add body.slug-page-title in front of this to point it to apply to a specific pages. All the best, Alida

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

            Dear @alidarosie

            Great to hear!

            All the best & thank you for using Lay Theme :)

            Best
            Richard

            1 Reply Last reply Reply Quote 0
            • Referenced by  Y yanekblue 
            • First post
              Last post

            Try this to fix issues 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

            A
            H
            T
            M
            L

            Recent Topics

            • T

              Video is played differently

            • A

              Broken images

            • L

              Hide mobile menu, when scrolling down

            • J

              Imagehover addon show mouseover state

            laytheme.com