Отправить элемент на фон в WordPress

Question

Если вы попытаетесь оставить комментарий к моему продукту без входа в систему, появится контейнер для входа в систему. Проблема заключается в том, что на этом экране также отображается контейнер связанных продуктов, иногда закрывающий форму входа в систему.

Чтобы проверить его, введите этот URL и попробуйте добавить комментарий. Вам не нужно ничего писать: https://vaporlibre.com/producto/neon-lime-ivg/

Я использовал эти фрагменты кода без успеха:

<script type="text/javascript">   
jQuery(document).ready(function($) {
$("p.wc-product-reviews-pro-form-submit-row button").click(function(){
$( '.product_image_wrapper').css("position","static !important");
});
$(":button.woocommerce-form-login__submit").click(function(){
$( '.et_pb_column').css("position","relative");
});
});
</script>

.et_pb_column {

    position: static !important;
}

$("p.wc-product-reviews-pro-form-submit-row button").click(function(){

                $( '.product_image_wrapper').css("position","static !important");

            });




            $(":button.woocommerce-form-login__submit").click(function(){

                $( '.et_pb_column').css("position","relative");

            });

Я также оставляю фотографию, чтобы ее было легче увидеть это:

(https://subefotos.com/ver/?505a48dba89f4acd38638dad0dcb414fo.png)

Answer 1

Вам просто нужно установить z-index из 1 для строки, содержащей ваши связанные продукты.

Вы можете либо ввести в свою таблицу стилей следующее:

<style type="text/css">
  .et_pb_row_3_tb_body {
    z-index: 1 !important;
  }
</style>

Или, если вам нужно настроить его, используя JavaScript:

<script type="text/javascript">
  $(function() {
    $('.et_pb_row_3_tb_body').css('z-index', 1);
  });
</script>

, я бы также предложил присвоить id этому div, чтобы легче было нацеливать его.