Help Need a little help with tables.

[Hyde]

I'm notoriously incredible untalented with BBCode. That hasn't stopped me from trying anyway for some god forsaken reason. Anyway, I'm trying to create an interest check using the following format as a word bank. I was wondering if there was a way to make the table smaller somehow? And possibly remove the border or change the color. Thank you kindly in advance to anyone who can help.

word • word • word • word • word • word

 

[Pilgrim59]

I'm notoriously incredible untalented with BBCode. That hasn't stopped me from trying anyway for some god forsaken reason. Anyway, I'm trying to create an interest check using the following format as a word bank. I was wondering if there was a way to make the table smaller somehow? And possibly remove the border or change the color. Thank you kindly in advance to anyone who can help.

word • word • word • word • word • word

Hiya!
I'm not sure if this is what you meant, but here's a non-table alternative to what you described. No borders, small-profile, and you can customize them however you see fit.
Important note: Always have "[comment][font=YourDesiredFontNameHere].[/font][/comment]" before the "[border=0px; somethingsomething;]" part. Otherwise the font you picked might not render.

It should look something like this:

Action • Adventure • Anime • Drama • Fantasy • Political

Spoiler: Code

[comment][font=Abel].[/font][/comment][border=0px; margin: 10px auto 0; padding: 0; width: 100%; max-width: 1200px; font-size: 0.5em; text-align: center; color: var(--textcolor); font-family: 'Abel'; text-transform: uppercase; opacity: 0.7;]Action • Adventure • Anime • Drama • Fantasy • Political[/border]

Hope this helps!
Your friendly neighbor,
Primula

 

[Hyde]

Hiya!
I'm not sure if this is what you meant, but here's a non-table alternative to what you described. No borders, small-profile, and you can customize them however you see fit.
Important note: Always have "[comment][font=YourDesiredFontNameHere].[/font][/comment]" before the "[border=0px; somethingsomething;]" part. Otherwise the font you picked might not render.

It should look something like this:

Action • Adventure • Anime • Drama • Fantasy • Political

Spoiler: Code

[comment][font=Abel].[/font][/comment][border=0px; margin: 10px auto 0; padding: 0; width: 100%; max-width: 1200px; font-size: 0.5em; text-align: center; color: var(--textcolor); font-family: 'Abel'; text-transform: uppercase; opacity: 0.7;]Action • Adventure • Anime • Drama • Fantasy • Political[/border]

Hope this helps!
Your friendly neighbor,
Primula

This looks lovely. Thank you for the fix!

 

[Pilgrim59]

This looks lovely. Thank you for the fix!

You're welcome!~
Glad I could help! Have fun!

 

[weldherwings]

Just also throwing it out there!
if you're looking to change the color of the border, then you'd add in a width stroke + color.
for example, instead of border=0you might do border=1px solid red which would make this;

or if you did border=10px solid #e2e2e2

To make the table smaller, you'd need to change the width and height. you do this by simply adding width:px amount and height: px amount
for example, this is what a 100px by 100px with a red 1px border looks like;

[border=1px solid red; width:100px; height:100px][/border]

if you're unsure of the height of the table as you have a fair amount of text, you can simply add height:fit-content.

In addition, if you're changing the font colour of your text, remember to put in a background color as some users might not be able to see the font otherwise (for example, I use light mode and couldn't see anything you wrote in your table). you can do this by adding background:colour here

so, for an example; this will be a 100px x 100px box with a pink background, with a 10px grey border and white font;

[border=10px solid #e2e2e2; width:100px; height:100px; background:pink; color:white]hello there![/border]

hello there!

i hope this also helps in some way!

 

[weldherwings]

Oh! and a final addition even though I know you didn't ask but it'll be handy -- to center the table in the page, add margin:auto
for example; [border=10px solid #e2e2e2; width:100px; height:100px; background:pink; color:white; margin:auto]hello there![/border]

hello there!