Ответы пользователя по тегу WordPress
  • Как найти конфликт модального окна?

    @Radja7
    Проблема в том что не срабатывает .overlay_det:target+.popup_det{} - этот стиль подразумевает что .popup_det будет идти непосредственно после .overlay_det, а у Вас же в коде, они разделены тегом p:

    <p>В залах гимнастического клуба Balance проходят групповые и индивидуальные занятия под руководством мастеров спорта России по художественной гимнастике.<br>
    Для посещения Клуба гимнастики Balance необходимо оформить справку об отсутствие противопоказаний для занятий спортом. 
    <a href="#win1">Подробнее</a><br>
            <!-- Модальное окно справки --><br>
            <a href="#x" class="overlay_det" id="win1"></a>
    </p>
    
    <div class="popup_det">контент окна<div>


    Просто перенесите .overlay_det к .popup_det :

    <p>В залах гимнастического клуба Balance проходят групповые и индивидуальные занятия под руководством мастеров спорта России по художественной гимнастике.<br>
    Для посещения Клуба гимнастики Balance необходимо оформить справку об отсутствие противопоказаний для занятий спортом. 
    <a href="#win1">Подробнее</a><br><br>
    </p>
    
    <!-- Модальное окно справки -->
    <a href="#x" class="overlay_det" id="win1"></a>
    <div class="popup_det">контент окна<div>
    Ответ написан
    1 комментарий