How do I hide the Close button at the bottom of popup windows?

App Development
1

I want to keep the X in the top right but not the close button / bar at the bottom.

2

Give this a try:

body > div.modal.fade.in > div > div > div > div.modal-footer {display:none;}

Adam

1 Like
3

Hi Adam,
It works. Thank you. However, the editor shows this error and am curious if you knew what it means.

Screen Shot 2021-09-21 at 9.15.54 PM
Screen Shot 2021-09-21 at 9.15.54 PM1298Ă—174 28.4 KB

4

It’s a built-in CSS editor helper text. You will notice this often when working with CSS in the Tada platform. If the CSS works, then you can disregard it.

Best,
Adam

1 Like
5

Hey @JesseTron,

Using Adam’s CSS as reference, the warnings you’re seeing indicate that there are CSS selectors being used that are not helping us target the specific element you’re looking for (they’re not hurting either). The CSS selectors that are not necessary here are body > div.modal.fade.in > div > div > div > div

By no means do I mean to discount @SafetyUniversity’s helpful CSS, just wanted to chime in here and let you know that this can be simplified by using the following…

.modal-footer {
    display: none;
}