Find the Following CSS and add below code.
.s4-ql ul.root ul{
list-style-type: square !important; (OR)
list-style:none inside url('/sites/cppolicy/Style%20Library/Images/img-icon-leftnav.png');
list-style-position: outside !important;
margin-left: 25px !important;
}
.s4-ql ul.root ul > li > a{
/* Display Bullet in Quick Launch*/
display: inline-block !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align:bottom !important;
}
Excellent piece of information. I had read a few other articles that were all garbage towards solving this problem but what they didn't realize was that against a cross browser platform it wasn't rendering correctly. Yours on the other hand was dead on and perfect. Thank you again.
ReplyDeleteI used your code and it worked like a charm. The only problem is that the link portion is too long and it wraps. When the link wraps the bullet aligns with the lowest row. (ie. if the link wraps to two rows, the bullet will align with the 2nd row.) Is there some way to align the bullet with the top row?
ReplyDeleteexcellent .. i was googling for same and got so many solutions which were not working atall .. you piece of code help me a ot .. thanks so much
ReplyDelete