Search for: Log In Free Support [Resolved] How to make bullet and underline link in widget Home › Forums › Support › How to make bullet and underline link in widget This topic has 3 replies, 2 voices, and was last updated 6 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts July 21, 2020 at 10:13 pm #1371649 Eljon Hello, how to make bullet and underline link in widget, like this picture https://imgur.com/cW5LIQX July 22, 2020 at 2:20 am #1371836 DavidStaff Customer Support Hi there, try this CSS: .widget ul { list-style: none !important; position: relative; margin-left: 0 !important; } .widget ul li { padding-left: 2em; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px dashed #4f5a5e; } .widget ul li:before { content: "\2756"; position: absolute; top: 1em; left: 0; font-size: 22px; color: #4f5a5e; } The icon is this one: https://www.toptal.com/designers/htmlarrows/symbols/black-diamond-minus-white-x/ You can replace the CSS unicode here: content: "\2756"; with any icon from that site. The one your example uses is a custom icon. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ July 22, 2020 at 3:00 am #1371866 Eljon Perfect, thank you David. July 22, 2020 at 3:22 am #1371876 DavidStaff Customer Support You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In