margin/padding between List_item

designiker · October 2018

Dear Muffingroup,

MY Problem is about the "list items" in the muffin builder. I need a list that doesn't have such large gaps between the individual bullet points. How can I reduce the gaps between two list_Items? this is my project: https://löyly.com – you can see the red custom bullets have massive gaps between each list_item.

Beside reducing the gaps between list items, is there any other way to custom produce bullet point list?

Thanks very much!

J

Pablo · October 2018

Hi,
You can create a column and there recreate a point list with HTML and simple CSS.
https://www.w3schools.com/html/html_lists.asp

The problem is, all items are created in a column, so if I change one column, then all of them will change their margins.
Cheers.

designiker · October 2018

Hi Pablo,

thanks for your quick reply! how can I set a custom bullet point (image) in the HTML point list? Can you please show me the code?

Thanks very much

Josh

designiker · October 2018

Dear Pablo,

i tried the following html:

</ul>

but the text is not center to the bullet point as you can see at the following screenshot and at the project site: https://löyly.com

Pablo · October 2018

These images are too big - but it will be hard to center image in the list.

I suggest you, to make it in Muffin Builder as an item named "List" (like before) but
a little bit redesigning this list design (not to be in a line all the time)
Thanks.

margin/padding between List_item

Comments