Изменения размера изображений на Алерт

Question

Я использую SweetAlert и для изменения размера изображений значка Я иду в .css файла:

.sweet-alert .sa-icon { 
    width: 80px; 
    height: 80px; 
    border: 4px solid gray; 
    -webkit-border-radius: 40px; 
    border-radius: 40px; 
    border-radius: 50%; 
    margin: 20px auto; 
    padding: 0; 
    position: relative; 
    box-sizing: content-box; } 

Я изменил эти значения:

width: 80px; 
height: 80px; 

Но я не могу» t см. изменения

Если я удаляю значок .sa. и добавьте это на мою страницу .tpl:

<img src="http://placehold.it/350x150" class="sweet-alert"> 

Предупреждение не открывается.

Я использую этот код для открытого оповещения:

<script type="text/javascript"> sweetAlert({ title: "ADULT CONTENT", text: "ARE YOU OVER 18?", imageUrl: "dist/image.png", showCancelButton: true, cancelButtonText: "No", confirmButtonColor: "#ff0000", confirmButtonText: "Yes, I'am Over 18", closeOnConfirm: true }, function(isConfirm){ if (isConfirm) { } else { window.location.href = 'http://'; } }); </script> 

Единственная проблема заключается размер моего изображения. Я не могу его изменить. Предложения?

Answer 1

чтобы изменить размер изображения, вы должны использовать свойство imageSize, что и уведомление, и установите его в размере, который вы хотите. обратите внимание, чтобы передать height и width в виде двух значений, разделенных «х»

обновления ваших JS как этот

$(function(){ 
    sweetAlert({ 
     title: "ADULT CONTENT", 
     text: "ARE YOU OVER 18?", 
     imageUrl: "http://placehold.it/350x150", 
     imageSize: '180x180', // add your dynamic height and width here 
     showCancelButton: true, 
     cancelButtonText: "No", 
     confirmButtonColor: "#ff0000", 
     confirmButtonText: "Yes, I'am Over 18", 
     closeOnConfirm: true 
    }, function(isConfirm) { 
     if (isConfirm) {} else { 
      window.location.href = 'http://'; 
     } 
    }); 
});