Banner Widget: How to add custom CSS for an outer border only

Ask the Community Customization
1

Each time I try to add custom css like:

.sJhos {border: 6px solid rgba(247, 36, 182, 0.71);}

It also adds a border inside the block elements. I just want an outer border only.

1 Like
3

Hi there, @user910 :wave:

This code should do the trick:

[class*='Banner__Container-sc']
  > [class*='Block__BaseBlock-sc']
  > [class*='BuilderBlock__StyledWidgetBackground-sc'] {
  border-width: 6px !important;
  border-color: rgba(247, 36, 182, 0.71) !important;
}

Please try it out and let me know if it helped :wink: