Origami, Insert horizontal separator on vertical menu.
Hello
Last think I need on the menu part.
Can I have a separator line on a vertical menu?
I have seen ways to add a top or bottom line on each item but that’s not what i want.
I want to group a 12 items vertical one in two blocks 4 and 8. I just want a dotted or hairline to separate them.
I add the capture of the current menu state.
Thanks
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
6Hi Eugeni
Give this a try under Appearance > Custom CSS and see how that goes:
#menu ul li { border-right: 1px dotted #ccc; } #menu ul li:last-of-type { border-right: none; } #menu ul ul li { border-right: none; }Hello Andrew
Thats what I found and is not what I want to get. The menu is a vertical one and I dont want the line to appear on each item, just on selected place. For what I know I may do it for the first and last item on the menu list, but is there a way to put it on middle?
http://imgur.com/kOmX7Uv
Ok, with you. You might try:
#menu ul ul li:nth-of-type(n) { border-bottom: 1px solid #ccc; }Replace the last (n) with the list item number you want to target.
Thank you again Andrew. Solved and working once more, now I can go to the contents part.
Just one last thing, is ok a credit like that for you? I link to SiteOrigin home page.
http://imgur.com/ndSgtGG
Hi Eugeni
Those credit links are very much appreciated! :)
Glad that helped. Thanks very much for the credit it’s most appreciated.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.