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

Задать ширину контентной части Elementor Storefront

  • magnusjko

    (@magnusjko)


    2 года назад

    Делаю сайт на 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)
  • fevenili

    (@fevenili)

    2 года назад

    то есть заголовок и кнопки переключения между новостями остаются на 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)
  • Тема «Задать ширину контентной части Elementor Storefront» закрыта для новых ответов.

Просмотр