Adres forum:
forumdoscore.pl
Wersja silnika:
1.8.19
Opis problemu:
[
attachment=14450]
To okienko zwykle pojawiało się na środku, nic nie ruszałem jeżeli chodzi o okienko, a ono zaczęło pojawiać się w lewym górnym rogu. Korzystałem z tego
https://webboard.pl/thread-73063.html, ale mi nie pomogło. Zmiana czegokolwiek (nawet koloru tła) nie przynosi rezultatów (Klikam ctrl+f5).
Usuń z klasy modal
top: 0; (left też jeśli jest) i dodaj tam:
Kod:
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
Kod:
.modal {
display: none;
width: 400px;
text-align: left;
background: #fff;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
bottom: auto !important;
overflow: hidden !important;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
Nie mam czegoś takiego jak top: 0, a dodanie tego co każesz nic nie daję, oczywiście klikałem ctrl+f5.
Masz, ale to siedzi w arkuszu od bootstrapa, ty pewnie patrzysz tylko główny plik css.
Jak nie chcesz edytować bootstrapa to musisz dać silniejszy selektor dla modala, np. .jquery-modal .modal. Ewentualnie dodać !important.
Ewentualnie możesz zmienić po prostu kolejność ładowania styli i ładować bootstrap.css przed global.css.
Btw zapomniałeś dodać transform, będziesz mieć teraz za bardzo przesunięty modal.