This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

Widgets manage
#1
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.
Reply
#2
Widget id should be like #widget-123 where 123 is widget unique id.
Reply
#3
(11.09.2019, 09:32)admin Wrote: 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.


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

   
Reply
#5
OK, now it is cleared.

Everything works except one thing:

border-radius: 15px! !important;

Any idea?
Reply
#6
(11.09.2019, 10:38)Domoticatorino Wrote: 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;
Reply


Forum Jump: