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. menu text -individual colour

menu text -individual colour

Scheduled Pinned Locked Moved General Discussion
16 Posts 3 Posters 580 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.
  • edgrbnzE Offline
    edgrbnzE Offline
    edgrbnz
    wrote on last edited by
    #2

    🔗 LIIINK!? ❓ 😉

    You can target each menu-item via Custom-CSS. If you provide a link I can send you a code example based on your site.

    ✦ ✦ ✦

    1 Reply Last reply
    0
    • T Offline
      T Offline
      Toby
      wrote on last edited by
      #3

      thanks - my website is www.tobyneilan.com

      1 Reply Last reply
      0
      • edgrbnzE Offline
        edgrbnzE Offline
        edgrbnz
        wrote on last edited by
        #4

        Try this bit of code in Lay Options / Custom CSS & HTML:

        .menu-item-219 a{
            color: #e0759f;
        }
        

        Make sure to remove the <font color ="#e0759f"> tag in your site title beforehand.

        💐Cheers!

        ✦ ✦ ✦

        1 Reply Last reply
        0
        • T Offline
          T Offline
          Toby
          wrote on last edited by Toby
          #5

          Thanks - I added the code and this still appears <font color ="#e0759f">SHOP</font>

          however if i refresh the page it disappears but then reappears if i click on to another menu item then return to Shop

          any thoughts?

          Cheers
          Toby

          1 Reply Last reply
          0
          • mariusjopenM Offline
            mariusjopenM Offline
            mariusjopen
            Global Moderator
            wrote on last edited by
            #6

            Dear @Toby
            to which part of the website did you add this piece of code?

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            • T Offline
              T Offline
              Toby
              wrote on last edited by
              #7

              Hi Marius

              I initially aded

              <font color ="#e0759f">SHOP</font>

              into my site title see screen grab below - it works but the code appeared in the toolbar again see screen grab below

              edgrbnz - suggested I add his code to my CSS & HTML which I did and removed my code from site title, but I'm still seeing the code appear within the toolbar - it only disappearing once I've refreshed the page
              but reappearing if I view another menu page and then return to the SHOP.

              0_1570786529121_Screenshot 2019-10-09 at 11.32.36 copy.jpg

              0_1570786443253_Screenshot 2019-10-11 at 10.32.23.jpg

              1 Reply Last reply
              0
              • edgrbnzE Offline
                edgrbnzE Offline
                edgrbnz
                wrote on last edited by edgrbnz
                #8

                That’s weird…
                Perhaps the <font color ="#e0759f">… is used as a title in your menus?

                ✦ ✦ ✦

                1 Reply Last reply
                0
                • T Offline
                  T Offline
                  Toby
                  wrote on last edited by
                  #9

                  I removed that code from my title like you said - very odd

                  1 Reply Last reply
                  0
                  • edgrbnzE Offline
                    edgrbnzE Offline
                    edgrbnz
                    wrote on last edited by edgrbnz
                    #10

                    Did you also check your menus in Appearance / Menus?
                    Are you using any caching plugins? → Perhaps it’s just stuck in the cache?

                    ✦ ✦ ✦

                    1 Reply Last reply
                    0
                    • T Offline
                      T Offline
                      Toby
                      wrote on last edited by
                      #11

                      Hi Edgrbnz

                      I stupidly forgot to remove the old 'SHOP' title from the Appearance / menu
                      however I have now replaced with the new title and your code doesn't seem to work

                      any ideas?

                      Thanks
                      Toby

                      1 Reply Last reply
                      0
                      • edgrbnzE Offline
                        edgrbnzE Offline
                        edgrbnz
                        wrote on last edited by
                        #12

                        That’s because the menu item changed I think.
                        Try this one instead:

                        .menu-item-476 a{
                            color: #e0759f;
                        }
                        

                        Cheers!

                        ✦ ✦ ✦

                        1 Reply Last reply
                        0
                        • T Offline
                          T Offline
                          Toby
                          wrote on last edited by
                          #13

                          Thanks - but still no joy

                          1 Reply Last reply
                          0
                          • edgrbnzE Offline
                            edgrbnzE Offline
                            edgrbnz
                            wrote on last edited by edgrbnz
                            #14

                            It’s weird because the color doesn’t even show up in the inspector…

                            Would you mind sending me your login details via chat?
                            Then I could hava a look into the backend.

                            ✦ ✦ ✦

                            1 Reply Last reply
                            0
                            • T Offline
                              T Offline
                              Toby
                              wrote on last edited by
                              #15

                              HI edgrbnz

                              Thanks for your help - I solved it I had to also include the data-type and data-id numbers for all the pages

                              Cheers
                              Toby

                              1 Reply Last reply
                              0
                              • edgrbnzE Offline
                                edgrbnzE Offline
                                edgrbnz
                                wrote on last edited by
                                #16

                                Glad it works 💐

                                ✦ ✦ ✦

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