Widgets manage

[Domoticatorino]

Hi,
I am working on CSS to improve visualisation trick. I would like personalise my widget is this way using CSS custom:

#test {
  border-top: #05a3b7 0.2em solid !important;
  background-color: #424242 !important;
  top: 0px !important;
  left: 0px !important;
  border-radius: 15px! !important;
}


When I call the widget, it appears as declared in the property widget page.

What wrong?

Thanks.

[admin]

Widget id should be like #widget-123 where 123 is widget unique id.

[Domoticatorino]

Widget id should be like #widget-123 where 123 is widget unique id.

I replace widget name "test" with "123" the first time and  widget-123 the second time. In CSS custom and I write this following:

#widget-123 {
  border-top: #05a3b7 0.2em solid !important;

  background-color: #424242 !important;

  top: 0px !important;

  left: 0px !important;

  border-radius: 15px! !important;
}

Nothing change. It does not work.

[admin]

Because your widget it is probably not 123. Open HTML inspector via F12 and find correct widget id.

   

[Domoticatorino]

OK, now it is cleared.

Everything works except one thing:

border-radius: 15px! !important;

Any idea?

[Domoticatorino]

OK, now it is cleared.

Everything works except one thing:

border-radius: 15px! !important;

Any idea?

Ok, I sort it out. It is a chrome bug.

I simply add this following:

border-radius: 50px! !important;
  -webkit-border-radius: 50px;