The border with color "No color" is shown in gray color

Elements How do I…
1

Hi, I need your help. I need this for a Custom Component but I noticed that the same behavior also happens with standard components, such as the Container.

When you set a size for the border (in my case the bottom border) but leave the color set to “No color” it happens that in the editor you see a gray border (see screenshot). I need to overwrite that style in the editor and make it actually transparent if no color is set. How can I do it?

I need this for a Custom Component, so I ask you if it is possible to overwrite that style by inserting CSS, JS or other code?

Screenshot 2025-05-29 alle 13.38.50
Screenshot 2025-05-29 alle 13.38.501633×1028 70.7 KB

2

Hi @dan or @ben is there a solution to my problem?
Thanks :folded_hands:

4

@Massimo, Sorry, for the delay in replying.

I’ll look into this tomorrow (Friday) with @ben and we’ll find out what’s going on and get a fix in for the next build if it needs it!

1 Like
5

Currently, if you set the border color to “No Color”, Elements will fall back to the default Tailwind border color — which is a light grey.

:white_check_mark: Solution: Transparent Border

If you need the border to be truly transparent, you can:

  • Select any color, and
  • Set its opacity to 0%

Here’s what that looks like:

CleanShot 2025-05-30 at 15.04.04@2x
CleanShot 2025-05-30 at 15.04.04@2x620×564 27.5 KB

Yes! You can use the Advanced → CSS Classes field to apply custom styles.

For example, with the Container component (which has a bit more internal structure), you can use this class to specifically target the border and make it transparent:

[&_div:last-child]:border-b-transparent

This ensures the bottom border of the last inner div is fully transparent.

CleanShot 2025-05-30 at 15.10.05@2x
CleanShot 2025-05-30 at 15.10.05@2x620×908 46.3 KB

Of course, depending on your use-case and/or what you’re trying to achieve, you might need to tweak this class to fit your exact needs :slightly_smiling_face:

6

Great! Thank you.