Блог

В Elementor я создал раздел и добавил виджет.

Я скопировал header.php файл в дочернюю тему, затем я скопировал полный HTML-код этого элемента и вставил его в header.php файл в дочерней теме.

 <?php
/**
 * Header template
 *
 * @package woostify
 */

do_action( 'woostify_template_part_header' );

?>
 <header class='elementor-section elementor-top-section elementor-element elementor-element-c79d0f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default' data-id='c79d0f0' data-element_type='section'>
                        <div class='elementor-container elementor-column-gap-default'>
                    <div class='elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30576fa' data-id='30576fa' data-element_type='column'>
            <div class='elementor-widget-wrap elementor-element-populated'>
                                <div class='elementor-element elementor-element-172968b elementor-widget elementor-widget-wp-widget-dgwt_wcas_ajax_search' data-id='172968b' data-element_type='widget' data-widget_type='wp-widget-dgwt_wcas_ajax_search.default'>
                <div class='elementor-widget-container'>
            <div class='dgwt-wcas-search-wrapp dgwt-wcas-has-submit woocommerce js-dgwt-wcas-layout-classic dgwt-wcas-layout-classic js-dgwt-wcas-mobile-overlay-enabled dgwt-wcas-active'>
        <form class='dgwt-wcas-search-form' role='search' action='https://mydomain/' method='get'>
        <div class='dgwt-wcas-sf-wrapp'>
                        <label class='screen-reader-text' for='dgwt-wcas-search-input-2'>Products search</label>

            <input id='dgwt-wcas-search-input-2' type='search' class='dgwt-wcas-search-input' name='s' value='' placeholder='Search for products...' autocomplete='off'>
            <div class='dgwt-wcas-preloader' style='right: 83.8594px;'></div>

                            <button type='submit' aria-label='Search' class='dgwt-wcas-search-submit'>Search</button>
            
            <input type='hidden' name='post_type' value='product'>
            <input type='hidden' name='dgwt_wcas' value='1'>

            
                    </div>
    </form>
</div>
        </div>
                </div>
                    </div>
        </div>
                            </div>
        </header> <?php
 

На некоторых страницах (где элемент / раздел и виджет) был физически создан и сохранен в конструкторе элементов , этот фрагмент html работает идеально, а стиль работает должным образом…. однако на некоторых поагах этого не происходит…

ожидаемый результат

Фактический результат (на некоторых страницах)

Таким образом, в принципе, некоторые стили не работают на некоторых страницах, при проверке консоли вы можете увидеть, что стиль не связан с классами, даже если он работает на некоторых страницах.

Есть какие-либо предложения о том, как это исправить?