Decimal menu-style-type

[jspinkus]

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:

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!

[mariusjopen]

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

[jspinkus]

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!

[mariusjopen]

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

[jspinkus]

Hi @mariusjopen
Its works!

Thank you!

[mariusjopen]

Great! Happy about that!