Bullet list hanging indent

dragana
70 Posts
dragana posted this 16 June 2019

I read this tutorial http://answers.themler.io/articles/21538/bullet-list-layout but it did not help. I did what is described but no change on my page. Can you please help me?

https://lovemetender.se/basta-resultat-for-sockring/?preview_id=9106&preview_nonce=58b580e6ac&preview=true&_thumbnail_id=9110

I read this tutorial http://answers.themler.io/articles/21538/bullet-list-layout but it did not help. I did what is described but no change on my page. Can you please help me? [https://lovemetender.se/basta-resultat-for-sockring/?preview_id=9106&preview_nonce=58b580e6ac&preview=true&_thumbnail_id=9110][1] [1]: https://lovemetender.se/basta-resultat-for-sockring/?preview_id=9106&preview_nonce=58b580e6ac&preview=true&_thumbnail_id=9110
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 17 June 2019

Hello,
I can't access the link you shared of your site. Could you please check it?

Also, you can try adding this code to Home -> Settings -> Additional CSS:

ul li {
 list-style-position: outside;
margin-left:1em;}

Gina
Themler Support

Hello, I can't access the link you shared of your site. Could you please check it? Also, you can try adding this code to Home -> Settings -> Additional CSS: ul li { list-style-position: outside; margin-left:1em;} Gina Themler Support
dragana
70 Posts
dragana posted this 17 June 2019

Sorry, here is the correct link: https://lovemetender.se/fa-basta-resultat-vid-sockring/

I tried the CSS code but it did not work.

Sorry, here is the correct link: [https://lovemetender.se/fa-basta-resultat-vid-sockring/][1] [1]: https://lovemetender.se/fa-basta-resultat-vid-sockring/ I tried the CSS code but it did not work.
Support Team
Support Team posted this 17 June 2019

Try this code:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li {
margin-left: 1em!important;
    list-style-position: outside!important;
    text-indent: -0.8em!important;
}

Gina

Try this code: .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li { margin-left: 1em!important; list-style-position: outside!important; text-indent: -0.8em!important; } Gina
dragana
70 Posts
dragana posted this 17 June 2019

Yes, that works. Thank you!

Yes, that works. Thank you!
richardkruizinga
4 Posts
richardkruizinga posted this 18 March 2021

This one worked for me:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li {
margin-left: 1em!important;
list-style-position: outside!important;
text-indent: 0,1em!important;
}

This one worked for me: .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li { margin-left: 1em!important; list-style-position: outside!important; text-indent: 0,1em!important; }
You must log in or register to leave comments