Lay Theme Forum

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

    How can I change the font size in a drop down menu?

    General Discussion
    5
    18
    202
    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.
    • P
      prazzo101 last edited by

      Hi!

      I’ve created a dropdown menu as it was explained in this thread, but I don’t know how I can change the font-size of the content of the menu. I tried adding font-size: 16 px to the css but I don’t know where to put it and how to specify the right elements. Can anyone help?

      Thanks!

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

        It probably is easy to do.
        Any links to the website you’re talking about would be cool and helpful!

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 0
        • P
          prazzo101 last edited by

          Hi edgrbnz, thanks for your reply! There’s nothing to see really right now, I’m working on the website offline. And it’s at a very early stage, I just created a couple of projects and added them to a submenu. Then I added the CSS that was posted in the thread I linked in my original post. That’s it. There’s basically nothing else. So when you’re looking at that code from the thread, where would you put in the information about the font-size?

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

            Dear @piero101
            You want to create a dropdown on the website and then there select the font styles of the website?

            Probably you need to assign Classes containing the font-styles with jQuery to the body.

            Best!

            Marius

            www.mariusjopen.world

            P 2 Replies Last reply Reply Quote 0
            • P
              prazzo101 @mariusjopen last edited by

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • P
                prazzo101 @mariusjopen last edited by

                @mariusjopen Ah sorry, no, you misunderstood. I don’t want to change the fontstyle of the website from a dropdown menu, I just want the links in the dropdown to be smaller than the menu button itself. Same typeface and everything, just smaller.

                1 Reply Last reply Reply Quote 0
                • N
                  ninaverena last edited by

                  Any solution to this question yet? I'd also really like to change the font size of my drop-down menu. Best, nina

                  P 1 Reply Last reply Reply Quote 0
                  • P
                    prazzo101 @ninaverena last edited by

                    @ninaverena No, I didn’t get any answer. I just ended up not using a drop down menu at all.

                    1 Reply Last reply Reply Quote 0
                    • N
                      ninaverena last edited by

                      ok, thanks anyway. :) Best, nina

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

                        Dear @ninaverena @piero101

                        Ah older thread!
                        Have just seen this now, apologies for the delay!

                        Could you both please post a link to your website with the drop-down menu in question and i can take a better look :)

                        Best wishes
                        Richard

                        P 1 Reply Last reply Reply Quote 0
                        • P
                          prazzo101 @Richard last edited by prazzo101

                          @Richard-Keith Thanks Richard, but that state of the website is long gone now ;) Still looking forward to any input for the future because that question will definitely pop up again for me. Thanks!

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

                            Dear @piero101

                            Thank you for the kind reply :)

                            Best wishes and i will be ready when the time comes!

                            Sincerely
                            Richard

                            1 Reply Last reply Reply Quote 0
                            • N
                              ninaverena last edited by

                              Hey @Richard-Keith :)
                              My website is not yet online. But here is a screenshot. I was wandering whether it is possible to change the font / font size of the menu items (portrait, advertising, etc.)?

                              1 Reply Last reply Reply Quote 0
                              • N
                                ninaverena last edited by

                                Bildschirmfoto-2020-10-20-um-17.04.43.jpg

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

                                  Dear @ninaverena

                                  I understand that sometimes access to the website is not possible :)

                                  I hope i can run you through and you apply this to your case:

                                  For this we will need help of the Inspection tools provided within Google Chrome's browser:
                                  https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

                                  along with adding our own Custom CSS within "Lay options- custom css & html" :
                                  Screen Shot 2020-09-14 at 2.51.54 PM.png

                                  When we right click on your webpage we can choose "inspect" from the menu:
                                  Screen Shot 2020-10-21 at 11.26.41 AM.png

                                  So clicking on the menu which you wish to change:
                                  Screen Shot 2020-10-21 at 11.28.00 AM.png

                                  Here on the left we have some related data, that we will use to target the menu with CSS e.g:

                                  .menu-item-171
                                  
                                  a
                                  
                                  [data-id="10"]
                                  
                                  span
                                  

                                  I changed my menu item's font size by targeting it like this:

                                  .menu-item-171 a {
                                      font-size:48px;
                                  }
                                  

                                  Because this is a link <a> i have added the 'a' to be sure that the change occurs, you could also target it further to be sure by adding 'span' to the code.

                                  I hope this help's you - target the Menu-item area or the individual menu-items this is your choice - then use 'font-size:20px;' ( change the 20 px to your preferred size ) - adding the code to Custom CSS

                                  Let me know how you go! :)

                                  Best wishes and have a wonderful day

                                  Sincerely
                                  Richard

                                  1 Reply Last reply Reply Quote 0
                                  • N
                                    ninaverena last edited by

                                    dear @Richard-Keith, thanks so much for your detailed help! Whoop-whoop - I did it! ;) (although now I'm not sure if I really like it better.. :) ) All the best, nina

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

                                      Dear @ninaverena

                                      Great to hear! :)

                                      Best wishes and good luck on the rest of your Lay Theme Journey

                                      Sincerely
                                      Richard

                                      1 Reply Last reply Reply Quote 0
                                      • N
                                        ninaverena last edited by

                                        thanks a lot! :)

                                        1 Reply Last reply Reply Quote 0
                                        • 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

                                        W
                                        T
                                        D

                                        Recent Topics

                                        • L

                                          HTML

                                        • M

                                          Burger menu in desktop and tablet view

                                        • M

                                          WPForms Lite not working with new theme update (5.5.5)

                                        • K

                                          remove licence from old site

                                        laytheme.com