Popup dialog has "popup-dialog" class, you can add this class into your screen CSS sheet, and add what every you want.

Incase you want to remove border, let do it:

1. .popup-dialog  {
2.     border:none;
3. }
   

Hi,

In the Popup Widget's properties, add a class name like custom-popup. 

.custom-popup {

    border: none !important; 
box-shadow: none !important; 

}

Thanks,
sahana

Hi,

You can override the default styling by adding custom CSS: 

 Steps to Apply:

1. Open the popup widget in your screen/block.
2. Add a custom class (e.g., popup-class).
3. Go to the Styles Editor (CSS section) in your module.
4. Paste the above CSS code to override the default popup border.

like

.popup-class  {

    border: none !important;

    box-shadow: none !important;

}

Hi Fabricio,
Add an extended class for that popup like this: 

And write the following CSS code: 

.popup-dialog.new-class{
   border:none;
}

Hello @Fabricio Farias Oliveira 

I would recommend inspecting the popup in the browser and adjusting the style as needed. Simply removing the border may not be the best approach for achieving a good UI 

Regards

Gourav Shrivastava

Hi @Fabricio Farias Oliveira ,

.popup-class {

    border: none !important;

    box-shadow: none !important;

}

I hope this class will help You,

Thanks,

Sudha Narayanan