Как исправить часть показа кнопки закрытия всплывающего окна в Wordpress? - PullRequest
Новая
       12

Как исправить часть показа кнопки закрытия всплывающего окна в Wordpress?

1 голос
/ 21 мая 2019

Я успешно добавил кнопку «x» в модальное всплывающее окно.Но когда я нажимаю на него, отображается только некоторая часть содержимого.Я бы хотел, чтобы он отображал всю страницу контента, а не только верхнюю часть.

Я пробовал код CSS и этот код php:

CSS: 

.close-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap
}

.topright {
  position: absolute;
  right: 0;
  top: 0
}

php: 

<div id="surbma-yes-no-popup" class="uk-modal <?php echo 'surbma-yes-no-popup-' . $popupthemes; ?>">
    <div class="uk-modal-dialog">
        <div class="uk-modal-header">
            <header style="background-color:#000;color:#fff;">
  <span onclick="document.getElementById('surbma-yes-no-popup').style.display='none'" class="close-button topright" >&times;</span>
</header>       
            <h2><?php echo esc_attr_e( $options['popuptitle'] ); ?></h2>
        </div>
        <div class="uk-modal-content"><?php echo stripslashes( $options['popuptext'] ); ?></div>
        <div class="uk-modal-footer">
            <button id="button1" type="button" class="uk-button uk-button-large uk-button-<?php echo esc_attr_e( $options['popupbutton1style'] ); ?><?php if( $options['popupbuttonoptions'] != 'button-1-redirect' ) echo ' uk-modal-close'; ?>"><?php echo esc_attr_e( $options['popupbutton1text'] ); ?></button>
            <?php if( $popuphidebutton2 != 1 ) { ?>
                <button id="button2" type="button" class="uk-button uk-button-large uk-button-<?php echo esc_attr_e( $options['popupbutton2style'] ); ?><?php if( $options['popupbuttonoptions'] == 'button-1-redirect' ) echo ' uk-modal-close'; ?>"><?php echo esc_attr_e( $options['popupbutton2text'] ); ?></button>
            <?php } ?>
        </div>
    </div>
</div>

Может закрывать всплывающее окно, но показывает только верхнюю часть содержимого, а не всю страницу.Это похоже на вырез верхней страницы, я ожидаю показать весь контент после нажатия на него.Как исправить?

...