cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Datetimepicker custom style

mplieske
6-Contributor

Datetimepicker custom style

Hello there,

I am experimenting a bit with CustomCSS and wonder how to change styles of the popup of the Datetimepicker widget. I figured out how to change the styles of the buttons on the bottom but how can I style the calendar.

 

I tried to change the background color of the span with the attribute title="Monday" but it didn't work how I thought it would:

Screenshot (11).png

 

Could anyone help me with that? Is it even possible with custom css?

 

1 ACCEPTED SOLUTION

Accepted Solutions
wposner-2
12-Amethyst
(To:mplieske)

The easiest way to do this is open your developer tools in chrome or safari (or browser of choice) and use the element selector to quickly find the HTML associated with the widget.  Then look at the styles associated with the different levels of HTML until you find the CSS that is directly affecting your widget.  Copy the div or class value from that level of the HTML in to your custom CSS and make sure you use the important! switch with your styles.

View solution in original post

2 REPLIES 2
wposner-2
12-Amethyst
(To:mplieske)

The easiest way to do this is open your developer tools in chrome or safari (or browser of choice) and use the element selector to quickly find the HTML associated with the widget.  Then look at the styles associated with the different levels of HTML until you find the CSS that is directly affecting your widget.  Copy the div or class value from that level of the HTML in to your custom CSS and make sure you use the important! switch with your styles.

mplieske
6-Contributor
(To:wposner-2)

Thank you for your answer. I knew that before but somehow it worked with the copy selector functionality of chrome. Somehow it works with that selector but not with my selector.

Announcements