Decimal menu-style-type
-
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!
-
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
-
Hi @mariusjopen
Thanks for the answerI 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!
-
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
-
Hi @mariusjopen
Its works!Thank you!
-
Great! Happy about that!
I don't answer or check forum DMs, please just post on the forum.
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