Lay Theme Forum

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

    Decimal menu-style-type

    General Discussion
    2
    6
    200
    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.
    • J
      jspinkus last edited by

      Hi! how are you?

      I think this is an easy thing to do, but its not working.
      I want the menu items to have numbers like a list in http://www.delfinaraban.com, like this:
      alt text

      I tried changing "<ul></ul>" to "<ol></ol>" in the menu.php document in the theme files:

      '<nav class="laynav '.$menu_type.'">
      <ol>
      '.$menu.'
      </ol>
      </nav>';

      and add some custom css:
      nav.laynav ol {
      list-style-type: decimal !important;
      }

      Can somebody help me with this?

      Thanks!

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

        Dear @juanpinkus
        we strongly advise NOT to modify the theme files because they will get overwritten with each update.

        Have a look here:
        https://css-tricks.com/custom-list-number-styling/

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • J
          jspinkus last edited by

          Hi @mariusjopen
          Thanks for the answer

          I already tried with that trick, but they are not working in LayTheme Menu, thats why Ichanged the <ul></ul> for <ol></ol> from the theme document, but didn't work either.

          Maybe the best will be to build a from scratch a menu in the 'html content'
          What do you think?

          Thank you!

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

            Dear @juanpinkus
            try this:

            
            nav.primary {
              list-style: none;
              counter-reset: my-awesome-counter;
            }
            nav.primary li span {
              counter-increment: my-awesome-counter;
            }
            nav.primary li span::before {
              content: counter(my-awesome-counter) ". ";
              color: red;
              font-weight: bold;
            }
            
            
            

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • J
              jspinkus last edited by

              Hi @mariusjopen
              Its works!

              Thank you!

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

                Great! Happy about that!

                www.mariusjopen.world

                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

                D
                C

                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