Customize the look of the border of the EDIT modal

Custom Coding
,
#1

Insert this code in the custom code header of the page where the EDIT modal would appear

<style>
.modal__container {
  border-radius: 10px;
  border: 2px solid #0000FF;
}
</style>

This is also a feature request @artur (for the whole modal, including the font size, weight and color of the edit form inputs and labels)

1 Like
#2

NICE ! Where to you find all this css id @matthieu_chateau ? With the Chrome inspector ? :slight_smile:

#3

Yes, with the chrome/browser inspector,

Here: to find an element with a class attribute (in the inspector => class=“…”), .modal__container being a class selector that select all elements with the class ‘modal__container’ (in this case, there is just one modal__container)

Though sometimes it’s not sufficient and something must be added to be more precise for the code to work (a block ID for example). I never have the right answer at first! Just multiple iterations each time.