Hanging Indents on Lists

peter.james2
3 Posts
peter.james2 posted this 07 August 2015

How do I get hanging indents into unordered (and ordered) lists? The 2nd line of an li element starts right under the bullet image of the line above and it should start right under the start of the text.

Many thanks...Peter

How do I get hanging indents into unordered (and ordered) lists? The 2nd line of an li element starts right under the bullet image of the line above and it should start right under the start of the text. Many thanks...Peter
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 11 August 2015

Hello Peter,
please refer to the following posts
http://answers.themler.com/questions/3005/themler-lining-up-bullet-and-ordered-lists
http://answers.themler.com/questions/4688/themler-format-text-indent-text-in-bullets-and-numbers
They should be helpful

Regards,
Aileen

Hello Peter, please refer to the following posts http://answers.themler.com/questions/3005/themler-lining-up-bullet-and-ordered-lists http://answers.themler.com/questions/4688/themler-format-text-indent-text-in-bullets-and-numbers They should be helpful Regards, Aileen
joe71
2 Posts
joe71 posted this 14 August 2015

I am having the same issue whereby the second line of text lines up under the bullet and not the text above.

I have set the margin to "0" and it has no effect.

Your second link in this post 4688 is a dead link "Page Not Found"

Regards,
Joe

I am having the same issue whereby the second line of text lines up under the bullet and not the text above. I have set the margin to "0" and it has no effect. Your second link in this post 4688 is a dead link "Page Not Found" Regards, Joe
Support Team
Support Team posted this 17 August 2015

Hello Joe,
I've just checked and the second link is working.

Please try to open it once more and follow the suggestion provided there. If you cannot make it working please create a new private topic and provide access to your cCMS admin back end and note the page which demonstrates the issue.

regards,
Aileen

Hello Joe, I've just checked and the second link is working. Please try to open it once more and follow the suggestion provided there. If you cannot make it working please create a new private topic and provide access to your cCMS admin back end and note the page which demonstrates the issue. regards, Aileen
peter.james
2 Posts
peter.james posted this 17 August 2015

I am getting 'Page Not Found' as well on the second link.

I still have not been able to get hanging indents working - see http://signjobs.london/a-career-in-the-sign-industry/.

What I want it to look like is this (i.e. hanging index is working in bullets on this forum)...

  • If I keep on typing it should wrap around so that the second line text starts directly below the point where the first line text starts and not below the bullet so it is working properly here even though it doesn't show properly in the post editor.

I have attached a clip from a Word document to show exactly how I want it (and how it works on Artisteer and others).

How do we make this work properly?

Many thanks...Peter

I am getting 'Page Not Found' as well on the second link. I still have not been able to get hanging indents working - see http://signjobs.london/a-career-in-the-sign-industry/. What I want it to look like is this (i.e. hanging index is working in bullets on this forum)... - If I keep on typing it should wrap around so that the second line text starts directly below the point where the first line text starts and not below the bullet so it is working properly here even though it doesn't show properly in the post editor. I have attached a clip from a Word document to show exactly how I want it (and how it works on Artisteer and others). How do we make this work properly? Many thanks...Peter

Last edited 17 August 2015 by peter.james

Support Team
Support Team posted this 19 August 2015

Hello Peter,
please follow the article
http://answers.themler.com/articles/21538/bullet-list-layout

The other way is to edit the CSS code in style.css file

.bd-bulletlist li, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul li {
...
    text-indent: -10px;
    margin-left: 10px;
}

Please note that the last option is not applicable if you will edit the theme in Themler in future.

regards,
Aileen

Hello Peter, please follow the article http://answers.themler.com/articles/21538/bullet-list-layout The other way is to edit the CSS code in style.css file .bd-bulletlist li, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul li { ... text-indent: -10px; margin-left: 10px; } Please note that the last option is not applicable if you will edit the theme in Themler in future. regards, Aileen
NFV
2 Posts
NFV posted this 20 August 2015

In my opinion the unit px is not good because if the font size will be change the indent seems wrong. I get the best results with a value of 1 and the unit em.

And NEVER do it in the generated css file. Do it as described here: http://answers.themler.com/articles/21538/bullet-list-layout (with 1em instead 10px)

In my opinion the unit px is not good because if the font size will be change the indent seems wrong. I get the best results with a value of 1 and the unit em. And NEVER do it in the generated css file. Do it as described here: http://answers.themler.com/articles/21538/bullet-list-layout (with 1em instead 10px)

Last edited 20 August 2015 by NFV

peter.james
2 Posts
peter.james posted this 20 August 2015

Thanks Support Team

I tried this yesterday and it worked fine although I had to put back the padding (removal recommended in another referenced post).

NFV's comment about using em instead of px is great advice - thanks!

My only comment is that it ought to come out of the box like this as that is how most people want ul mult-line li's to look like.

Anyway, an easy and effective fix - thanks!

Kind regards...Peter

Thanks Support Team I tried this yesterday and it worked fine although I had to put back the padding (removal recommended in another referenced post). NFV's comment about using em instead of px is great advice - thanks! My only comment is that it ought to come out of the box like this as that is how most people want ul mult-line li's to look like. Anyway, an easy and effective fix - thanks! Kind regards...Peter
chinahousehold
157 Posts
chinahousehold posted this 22 January 2026

https://biolinku.co/bothbest
https://glasp.co/bothbest
https://o4ezhzklmi55thxs.umso.co/
https://ieee-dataport.org/authors/bamboo-flooring
https://kingschat.online/user/bothbest
https://kingschat.online/post/Q0tpQjJ
https://kingschat.online/post/VldONk5
https://gitflic.ru/user/bothbest
https://amazingradio.com/profile/bothbest
https://portal.stem.edu.gr/en/profile/chinahousehold/
https://www.ekademia.com/@bambooflooring
https://twchess.lionfree.net/discuz/home.php?mod=space&uid=89012
http://infest.exe.in.th/board/home.php?mod=space&uid=55420
https://www.play56.net/home.php?mod=space&uid=5941666
https://teachingartists.com/members/bothbest/
https://artelis.pl/autor/profil/237162
https://getfoureyes.com/s/7Q4gD/
https://getfoureyes.com/s/aQagC/
https://mirrorliar.com/portfolios/bothbest
https://yoomark.com/content/bothbest-china-bamboo-flooring-supplier-2001
https://yoomark.com/node/1466426
https://yoomark.com/user/3781979
https://bbs.mychat.to/user.php?uid=1223138
https://www.datascienceportfol.io/chinahousehold
https://www.datascienceportfol.io/chinahousehold/projects/0
https://whatson.plus/bothbest
https://whatson.plus/posts/88778
https://whatson.plus/blogs/88779/Why-Dealers-Prefer-Strand-Woven-Bamboo-from-China-Top-Brands
http://forum.vodobox.com/profile.php?id=58210
https://joripress.com/profile/bothbest
https://forum.biblepay.org/index.php?action=profile;area=summary;u=38010
https://www.thefreeadforum.com/postclassifieds/for-sale/home-furniture-garden-supplies/classifieds_for_free/tiger-stranded-bamboo-flooring_i6291363/classifieds-for-free/los-angeles
https://www.rcmx.net/userinfo.php?uid=12726
https://www.designdekko.com/people/bothbest
https://www.kotplanet.be/nl/members/bothbest/profile/
https://docs.datananas.com/discuss/6970391c0d075a6d0783acfb
https://www.homepros411.com/blog/moisture-resistance-in-strand-woven-bamboo-what-you-should-know
https://utas.me/bothbest/the-most-successful-bamboo-flooring-projects-around-the-world-sjuzcmin/1
https://jsfiddle.net/bothbest/Leyrm7d9/
https://www.hssolar.cn/news-42.html
https://www.thesims3.com/myBlog.html?persona=bamboo2026000&month=01&year=2026
https://zybuluo.com/bothbest/note/2647868
https://go.bubbl.us/ef9630/b929?/Bamboo-flooring-has-gained
https://plaza.rakuten.co.jp/hssolar/diary/202601210000/

https://biolinku.co/bothbest https://glasp.co/bothbest https://o4ezhzklmi55thxs.umso.co/ https://ieee-dataport.org/authors/bamboo-flooring https://kingschat.online/user/bothbest https://kingschat.online/post/Q0tpQjJ https://kingschat.online/post/VldONk5 https://gitflic.ru/user/bothbest https://amazingradio.com/profile/bothbest https://portal.stem.edu.gr/en/profile/chinahousehold/ https://www.ekademia.com/@bambooflooring https://twchess.lionfree.net/discuz/home.php?mod=space&uid=89012 http://infest.exe.in.th/board/home.php?mod=space&uid=55420 https://www.play56.net/home.php?mod=space&uid=5941666 https://teachingartists.com/members/bothbest/ https://artelis.pl/autor/profil/237162 https://getfoureyes.com/s/7Q4gD/ https://getfoureyes.com/s/aQagC/ https://mirrorliar.com/portfolios/bothbest https://yoomark.com/content/bothbest-china-bamboo-flooring-supplier-2001 https://yoomark.com/node/1466426 https://yoomark.com/user/3781979 https://bbs.mychat.to/user.php?uid=1223138 https://www.datascienceportfol.io/chinahousehold https://www.datascienceportfol.io/chinahousehold/projects/0 https://whatson.plus/bothbest https://whatson.plus/posts/88778 https://whatson.plus/blogs/88779/Why-Dealers-Prefer-Strand-Woven-Bamboo-from-China-Top-Brands http://forum.vodobox.com/profile.php?id=58210 https://joripress.com/profile/bothbest https://forum.biblepay.org/index.php?action=profile;area=summary;u=38010 https://www.thefreeadforum.com/postclassifieds/for-sale/home-furniture-garden-supplies/classifieds_for_free/tiger-stranded-bamboo-flooring_i6291363/classifieds-for-free/los-angeles https://www.rcmx.net/userinfo.php?uid=12726 https://www.designdekko.com/people/bothbest https://www.kotplanet.be/nl/members/bothbest/profile/ https://docs.datananas.com/discuss/6970391c0d075a6d0783acfb https://www.homepros411.com/blog/moisture-resistance-in-strand-woven-bamboo-what-you-should-know https://utas.me/bothbest/the-most-successful-bamboo-flooring-projects-around-the-world-sjuzcmin/1 https://jsfiddle.net/bothbest/Leyrm7d9/ https://www.hssolar.cn/news-42.html https://www.thesims3.com/myBlog.html?persona=bamboo2026000&month=01&year=2026 https://zybuluo.com/bothbest/note/2647868 https://go.bubbl.us/ef9630/b929?/Bamboo-flooring-has-gained https://plaza.rakuten.co.jp/hssolar/diary/202601210000/
You must log in or register to leave comments