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. Bug Reports
  3. Custom CSS menu option for more than 1 subpage menu

Custom CSS menu option for more than 1 subpage menu

Scheduled Pinned Locked Moved Bug Reports
5 Posts 3 Posters 324 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.
  • L Offline
    L Offline
    lauramas
    wrote on last edited by
    #1

    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
    0
    • edgrbnzE Offline
      edgrbnzE Offline
      edgrbnz
      wrote on last edited by edgrbnz
      #2

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

      ✦ ✦ ✦

      1 Reply Last reply
      0
      • L Offline
        L Offline
        lauramas
        wrote on last edited by
        #3

        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
        0
        • L Offline
          L Offline
          lauramas
          wrote on last edited by
          #4

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

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

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            2
            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