Поддержка Темы и шаблоны Задать ширину контентной части Elementor Storefront

  • Делаю сайт на WP+Elementor, тема Storefront не верстальщик, но часто сталкивался с вопросом.
    Сейчас собрал скелет сайта, через ElementorKit создал хедер и футер, а контентную часть не могу заставить быть одной ширины с хедером и футером, контентная идёт на полную ширину страницы. перепробовал всё что мог, прописывал где только можно, частично помог код:
    .content-area
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    Но футер, тогда поднимается под шапку(

    Могу править ширину если каждую страницу делать через Элементор, но в последствии нужно будет добавлять новости и тут возникает косяк с разметкой, элементор не подхватывает заголовок, то есть заголовок и кнопки переключения между новостями остаются на 100% ширины.

    Сам сайт
    test2.h202026079.nichost.ru

    Новости, там можно полистать делал разными способами
    http://test2.h202026079.nichost.ru/2022/03/25/%d1%81-%d0%b4%d0%bd%d1%91%d0%bc-%d0%b6%d0%ba%d1%85-2/

Просмотр 1 ответа (всего 1)
  • то есть заголовок и кнопки переключения между новостями остаются на 100% ширины

    Попробуйте добавить в Code Snippets:

    
    ?>
    
    <?php function fv_container_before(){ ?>
    <div class="fv_container">
    <?php } ?>
    
    <?php function fv_container_after(){ ?>
    </div> <!-- .fv_container -->
    <?php } ?> 
    
    <?php
    add_action( 'storefront_post_header_before', 'fv_container_before', 5 );
    add_action( 'storefront_post_header_after', 'fv_container_after', 50 );
    ?>
    

    В дополнительные стили:

    
    .fv_container{
     max-width: 1140px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 10px;
     padding-right: 10px;
    }
    
Просмотр 1 ответа (всего 1)