Как изменить класс CSS, найденный в консоли Chrome - PullRequest
Новая
       19

Как изменить класс CSS, найденный в консоли Chrome

0 голосов
/ 06 февраля 2019

Не уверен, как лучше назвать это.У меня есть кнопка, которая создает модальное всплывающее окно для формы заявления о приеме на работу в WP Job Manager.Я хочу продублировать эту кнопку на той же странице, что и я, но моя новая кнопка не только создает модальный режим, но и одновременно загружает одну и ту же форму заявки на самой странице, это не предназначено.Всплывающее / модальное использует Magnific Popup.Используя консоль Chrome, я обнаружил проблему, заключающуюся в том, что моя новая кнопка использует класс без mfp-hide в конце, тогда как первая кнопка имеет это.

Добавив mfp-hide в конец класса для этой кнопки в консоли Chrome, я решаю проблему - модал загружается правильно, а модальное содержимое не загружается на страницу.Моя проблема заключается в том, как / где выделить новый класс с помощью mfp-hide в конце его в моих файлах.Я привык изменять свойства класса в дочерних темах, но не уверен, как добавить это свойство / заменить тип класса.Если вы посмотрите здесь https://boolerang.co.uk/job/birch-creative-limited-permanent-full-stack-developer/, например, и щелкните правой кнопкой мыши, чтобы осмотреть верхнюю кнопку «Применить», то сделайте то же самое с нижней кнопкой «Применить», в нижней части вы увидите отсутствующее «mfp-hide».Нажатие на нижнюю кнопку покажет проблему.

В content-single-job_listing.php я добавил это для создания второй кнопки: 

<?php if ( candidates_can_apply() ) : ?>
<?php get_job_manager_template( 'job-application.php' ); ?>
<?php endif; ?>

job-application.php содержит: 

<?php if ( $apply = get_the_job_application_method() ) :
wp_enqueue_script( 'wp-job-manager-job-application' );
?>
<div class="job_application application">
    <?php do_action( 'job_application_start', $apply ); ?>

    <input type="button" class="application_button button" value="<?php 
esc_attr_e( 'Apply for job', 'wp-job-manager' ); ?>" />

    <div class="application_details">
        <?php
            /**
             * job_manager_application_details_email or 
job_manager_application_details_url hook
             */
            do_action( 'job_manager_application_details_' . $apply->type, 
$apply );
        ?>
    </div>
    <?php do_action( 'job_application_end', $apply ); ?>
</div>
<?php endif; ?>

ChromeКонсоль для оригинальной кнопки показывает: 

<div class="application_details modal mfp-hide" id="apply-overlay" 
style="display: block;">
<form class="job-manager-application-form job-manager-form" method="post" 
enctype="multipart/form-data" action="https://boolerang.co.uk/job/birch- 
creative-limited-permanent-full-stack-developer/">

Я хочу изменить класс, связанный с нижней кнопкой, чтобы включить 'mfp-hide', который, как говорит Magnific Popup, требуется в их документации, чтобы иметь желаемый эффект,Я не знаю, какой файл мне нужно изменить, чтобы сделать это, поскольку это не класс кнопки, который был бы намного проще.Любые предложения о том, где редактировать, чтобы включить это будет высоко ценится.

...