Twenty Thirteen — как увеличить ширину страницы

  • Решено dantalionix

    (@dantalionix)


    10 лет назад

    Уважаемые участники, всех с Днём Победы!
    Подскажите, пожалуйста.
    Мне понравилась тема Twenty Thirteen, к тому же она адаптирована под мобильные устройства. Всё выглядит отлично, но есть недостаток — отсутствует шаблон страницы без сайдбара.
    Погуглив, я создал файл шаблона full-width-page-with-no-sidebar.php и разместил в CSS строку — .one-column { width: 100%; }. Появилась возможность создавать желаемый тип страниц, но возникла другая проблема — ширина страницы остаётся такой же как в записях. А мне необходимо, чтобы страницы без сайдбара были широкими. Как например реализовано в теме Twenty Ten.

    Вот так выглядит страница в Twenty Ten — Нормальный вид

    А так в Twenty Thirteen — Не нормальный вид.

    Подскажите, как увеличить ширину только для страницы без сайдбара?

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Roman

    (@web911)

    10 лет назад

    Есть такой кусок css

    .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
  max-width: 1040px;
  padding: 0 376px 0 60px;
}

    376px отодвигает справа на ширину сайдбара
    Для шаблона full-width-page-with-no-sidebar.php нужно сделать
    .entry-content {padding: 0 0 0 60px;}

    Вариантов много, например дописать класс full-width для шаблона
    <div class=»entry-content full-width»>
    Тогда css
    .entry-content.full-width {padding: 0 0 0 60px;}

    Roman

    (@web911)

    10 лет назад

    PS
    Вообще в twentythirteen по умолчанию блок контента стоит посредине.
    Смотрите настройки.

    Автор dantalionix

    (@dantalionix)

    10 лет назад

    Спасибо! Сейчас ещё посмотрю. Вообще, я так полагаю, решение какое-то есть, нужно только пробовать… Ещё раз спасибо!

    Автор dantalionix

    (@dantalionix)

    10 лет назад

    web911, спасибо! Проблема решена с помощью <div class="entry-content full-width"> и

    .entry-content.full-width
{
        margin: 0 auto;
        max-width: 1050px;
	width: 85%;
}

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Twenty Thirteen — как увеличить ширину страницы» закрыта для новых ответов.