Change background and border color of the popup button

CSS Codes Timeline
1

Add this code to the Custom CSS field on the Settings tab of your Timeline widget’s settings:

[class*="Popup__PopupInner-sc"] .es-action-button {
  background-color: red !important;
   border: 2px solid green !important;
}
1 Like
2

The lack of a title on the Language Edit Texts entries makes it hard to know what the modal/popup is called but the provided CSS does not change the button that is not the “Action” button. The following does:

.es-action-button {
background-color: #34a7d2 !important;
border: 2px #fff !important;
color: #fff !important
}

2 Likes
3

Hi @Todd :waving_hand:

Thank you so much for the feedback!

You’re right, the code above should change the background and border color of the button on the event popup, but it doesn’t work. I’ve updated it to this version which works great:

[class*="Popup__PopupInner-sc"] .es-action-button {
  background-color: red !important;
   border: 2px solid green !important;
}
1 Like