Lay Theme Forum

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

    Custom CSS menu option for more than 1 subpage menu

    Bug Reports
    3
    5
    201
    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.
    • L
      lauramas last edited by

      Hi, I managed to change the Menu settings for one subpage with the Menu Custom CSS Styling in the Custom CSS & HTML at the Layoptions menu and now I'm trying to do the same with other pages by copying and pasting the same settings with a different slug name right underneath it but it doesnt seem to be working. Is there a way to make it work for all the other pages and customise it? Thanks a lot!

      1 Reply Last reply Reply Quote 0
      • edgrbnz
        edgrbnz last edited by edgrbnz

        Would you mind sharing a link and the code you are using rn?

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 0
        • L
          lauramas last edited by

          Sure, the code is on the tutorial link: http://laytheme.com/documentation.html#css-based-on-current-page

          (you must change the body.slug-info to whatever your subpage is)

          /* site title /
          body.slug-info .sitetitle.txt .sitetitle-txt-inner span{
          color: white;
          }
          /
          site title mouseover /
          body.slug-info .sitetitle.txt:hover .sitetitle-txt-inner span{
          color: white;
          }
          /
          site title mouseover underline color /
          body.slug-info .sitetitle.txt:hover .sitetitle-txt-inner span{
          border-bottom-color: white;
          }
          /
          navigation /
          body.slug-info nav.primary a{
          color: white;
          }
          /
          navigation mouseover /
          body.slug-info nav.primary a:hover{
          color: white;
          }
          /
          navigation mouseover underline color */
          body.slug-info nav.primary a:hover span{
          border-bottom-color: white;
          }

          1 Reply Last reply Reply Quote 0
          • L
            lauramas last edited by

            Hey, I am a bit in an urge, is it possible to have an answer for this?
            So this is what I'm trying out, after line 34 (its the beginning of the code for another subpage) it doesn't work anymore.. 0_1571335898531_Screen Shot 2019-10-17 at 20.10.07.png

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

              Dear @lauramas
              can you provide a link that we can have a look?

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 2
              • First post
                Last post
              Post a link to where the problem is
              I don't answer or check forum DMs, please just post on the forum.
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

              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

              K
              W
              K
              T

              Recent Topics

              • T

                scroll element transitions mobile

              • L

                HTML

              • M

                Burger menu in desktop and tablet view

              • M

                WPForms Lite not working with new theme update (5.5.5)

              laytheme.com