Уменьшить длину левой колонки

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем ЧеширскийКот, 22 авг 2023.

  1. ЧеширскийКот

    ЧеширскийКот Новичок

    Сообщения:
    8
    Симпатии:
    0
    Создал свой сайт. Его адрес nasha-baraholka.ru
    Все устраивает в дизайне, только вот ширина левой колонки с меню очень уж длинная, как можно ее уменьшить? Надо редактировать нижеуказангный файл? Если да, то как?
    файл home.twig выглядит так:
    {{ header }}
    <div id="common-home" class="container">
    <div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}</div>
    {{ column_right }}</div>
    {{ content_bottom }}
    </div>
    {{ footer }}

    Вполне возможно, что решение состоит в установке фиксированного размера шаблона. Тогда не откажите в любезности указать, где и что следует отредактировать. Заранее спасибо
     
  2. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    1.036
    Симпатии:
    175
    Имеется в виду, "очень уж широкая", полагаю.//

    Начнём с того, что вы изменили ширину контейнера (.container) не в файле стилей шаблона (stylesheet.css), а в bootstrap.min.css, что неправильно. Это так к слову.

    Если менять ширину левой колонки, это нужно делать во всех файлах где она есть, а не только в одном файле.

    На примере главной, заменить {% set class = 'col-sm-9' %} на {% set class = 'col-sm-9 col-lg-10' %}
    Но обязательно при этом изменить и ширину левой колонки в файле column_left.twig, изменив
    <aside id="column-left" class="col-sm-3 hidden-xs"> на <aside id="column-left" class="col-sm-3 col-lg-2 hidden-xs">

    Ну и на всякий случай желательно внести такую правку и в файл правой колонки column_right.twig заменив
    <aside id="column-right" class="col-sm-3 hidden-xs"> на <aside id="column-right" class="col-sm-3 col-lg-2 hidden-xs">
    и так же заменить в строку {% set class = 'col-sm-6' %} на {% set class = 'col-sm-6 col-lg-8' %} в home.twig и остальных аналогичных.
     
    Последнее редактирование: 22 авг 2023
    ЧеширскийКот нравится это.
  3. Tom

    Tom Специалист

    Сообщения:
    782
    Симпатии:
    252
    Можно просто стилями css
    В самый конец файла catalog/view/theme/carbon/stylesheet/stylesheet.css добавить так например :
    Код:
    #column-left.col-sm-3 {width: 18%;}
     
    ЧеширскийКот нравится это.
  4. ЧеширскийКот

    ЧеширскийКот Новичок

    Сообщения:
    8
    Симпатии:
    0
    Большое спасибо!