Custom Panel Borders Not going White

  • 1
  • Problem
  • Updated 4 years ago
  • Acknowledged

I use custom panels a lot to hold the HTML widgets across a page. It is difficult to often get side by side panels exactly the same length so looks awful on a page. To get round this I have set the borders to white so they match the background and should therefore be invisible.

However, they persistently stay grey even when using hex FFFFFF rather than selecting the white colour. I have even set the border to zero px and it still shows!

Is this an issue?
Photo of openformula


  • 32 Posts
  • 1 Reply Like

Posted 4 years ago

  • 1
Photo of Crystal

Crystal, Champion

  • 250 Posts
  • 79 Reply Likes
Hello openformula,

It sounds like the FFFFFF is getting overridden by conflicting code elsewhere that is also specifying the border color. Where are you entering the FFFFFF? On the actual page or in the CSS overrides? Usually what is written on the actual page will override any conflicting styles elsewhere, if the style isn't on the page then it will look for the style next in the header of the page, if not there, it will then look for the style in the css code, and if not there it will then use any browser defaults.

The order of precedence can be changed if you add !important; to the end of your code (please see example below). It should stop it from getting overridden.
border-color: #FFFFFF !important;

Hope this helps.
Have a great day!
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes
Hi openformula,

Wondering if this is the shadow setting? Can you try to change your shadow code to a blank and re-check, (if you haven't already done so).

shadow blanked out