Tag Cloud - Each Item on New Line

Site URL: https://lobster-parakeet-5fh3.squarespace.com/index

Hello! I'm using the Tag Cloud to create an index page for our blog.

I've formatted the cloud to appear in columns — but I can't figure out how to force each tag to have a paragraph break after it and start on a new line. (Although the columns help to force things onto new lines, when site is viewed on a wide screen, the tags still run together because they do not have a hard paragraph break.)

https://lobster-parakeet-5fh3.squarespace.com/index

Pass: MV

On 8/6/2021 at 12:58 AM, chavous_writes said:

Site URL: https://lobster-parakeet-5fh3.squarespace.com/index

Hello! I'm using the Tag Cloud to create an index page for our blog.

I've formatted the cloud to appear in columns — but I can't figure out how to force each tag to have a paragraph break after it and start on a new line. (Although the columns help to force things onto new lines, when site is viewed on a wide screen, the tags still run together because they do not have a hard paragraph break.)

https://lobster-parakeet-5fh3.squarespace.com/index

Pass: MV

Hi. Use this code

/* tagcloud new line */
ul.sqs-tagcloud li {
    display: block !important;
}

Thank you @tuanphan! You are the best!

Hi Everyone,

we thought the tagcloud design looks a little messy, so here we have redesigned it to be button styled, grey and with darker grey hover background
https://www.ikko-ikki.org/tagcloud-block-design-for-squarespace-7-1

Live demo:
https://www.ikko-ikki.org/articles

Hope y'all enjoy and can use it ... btw, this is free and there is no support or customization for it, but you can change color and spacing simply in the css code.