The theme I am using (Elixirs Geometric) does not allow for hanging indents with bullet points - i.e. the 2nd line in a bullet point returns to the page margin rather then in line with the text. Whilst this is fine for long sections of text it looks messy (imho) where the bullets are a mix of short lines and longer ones.
Anyone know some magic to force a hanging indent - as in the first example above?
Thatâs the point - I do use the RW list option, but the theme dictates that bullet points are not hanging indents. Even the bullet stack I have tried conforms to the theme. I did contact Adam Shiver at Elixir quite a while back but it didnât get resolved - donât take that as a criticism however, I think Adam is one of the best - I just didnât pursue it then because it wasnât a big deal.
With a current websiet, it is more important - as mentioned I think non hanging indents are fine with longer sections of text. Itâs just when you have shorter lines but the occasional line which goes to line 2 that it looks wrong.
which bullet stack did you try? Have you tried âListerâ from stacks4stacks? If so (or if you try it) note that you define the list with the regular RW List function and Lister âaddsâ style to it. So if the âListâ function is not working for you then Lister may not either. (at least, that is my experience)
Iâve used Bullet pro from Doobox and it offers and inline option that does work. However, it is like a number of FAQ type stacks in that you canât easily re-order your lists once created.
Not tried lister. i guess what I want to do on a regular basis is use the inbuilt RW list for regular lists and be able to determine whether it is hanging indent or not.
OK - you can make the list âoutsideâ in CSS and add some padding to the stack if bullets are cut in half (which they are are here). Code:
ul {
list-style-position: outside;
}
However if you want the actual bullets to be indented (and not the list header) it requires a different stack for each list. There must be a better wayâŚ
I completely understand wanting to use the built-in list. But if you use lists very much at all then Lister is a much better alternative. Font awesome icons, custom styling, accepts markdown, and a bunch of other features. At least worth a serious look on your part.
⌠and Lister is a âbetter wayâ. Or maybe âway better wayâ.
Hereâs a screenshot of one section of a âdue pageâ (this page and others using Lister are behind a Sitelok firewall so I canât share the page itself).
Yep Lister is working - Iâm interested (in stacks mode at least) that it just overwrites the themeâs insistence on a non-hanging indent and makes it hanging by default. Suits me and as you say a multitude of other options as well.
Interestingly, Lister just seems to overwrite the default and makes the list indented even though it is basically using the RW list. So here, if you wanted an non hanging indent you couldnât have it! (although Iâve not delved in any detail yet). Thanks for the heads up
LJ: Yes, I forgot about the various modes. I always use it in Stack mode myself. (Actually I use it in Stack mode and add a Markdown stack: super easy for quick development of lists.) I sometimes forget about all the options it offers!
I did contact Adam Shiver at Elixir quite a while back but it didnât get resolved - donât take that as a criticism however, I think Adam is one of the best - I just didnât pursue it then because it wasnât a big deal.
Hey there @manofdogz! Sorry if I missed a follow up email from you after we discussed it back in May of last year. My emails show that we talked about the same thing back in September of 2014 as well. The theme in question in those two conversations was the Abstract theme. Is that the same one youâre referring to in this thread as well?
If it is Abstract, the list style is setup in that theme the way you describe, using the inside setting for the list-style-position attribute. Youâre wanting to use the outside setting for that attribute. If you do so, youâll also need to add padding to the left-hand side of the unordered list as well.
You can adjust the CSS for the unordered lists through using the Custom CSS field within RapidWeaver. Be careful doing so though as if youâre too vague with your CSS you may target other things like stacksâ or pluginsâ unordered lists.