Wordpress

WordPress: Отцентровать тему Twenty Fourteen

Отцентровать тему Twenty Fourteen можно с помощью простого кода CSS:

.site {
    margin: 0 auto;
}

Добавляем его в таблицу стилей (style.css), должно получится так:

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
.site {
	background-color: #fff;
	max-width: 1260px;
	position: relative;
	margin: 0 auto;
}

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить!

Средний рейтинг / 5. Голосов:

Мы сожалеем, что этот пост не был полезен для вас!

Давайте улучшим этот пост!

Теги

Статьи по теме

Один комментарий

  1. Здравствуйте!
    Не могу понять как сделать, чтобы тема не сужалась менее какого-то размера. В style.css в разделе .site { добавил строчку min-width: 1000px; т.е. было:

    .site {
    background-color: #fff;
    max-width: 1260px;
    position: relative;
    Стало:
    .site {
    background-color: #fff;
    max-width: 1260px;
    min-width: 1000px;
    position: relative;
    Но действовать это стало только для основного текста на станице, левый сайдбар при сужении окна все равно уходит в подвал. И на шапку это тоже не действует. Появляющаяся полоса прокрутки ее не двигает, а только элементы ниже ее (сраницу и сайдбар, который после появления полосы прокрутки, при дальнейшем сужении окна, почти сразу уходит в подвал).
    А при раcширении окна на ширину близкую к размеру монитора (1280px.) содержание сайдбара постепенно уходит влево, за границу окна. Поскольку полоса прокрутки при этом уже отсутствует, увидеть его нельзя.
    Может кто знает как сделать, чтобы min-width: 1000px; действовало на весь сайт (шапку, сайдбар подвал…), а не только на основное содержание страницы?

    P.S.
    Сайт не не хостинге, а на OpenServer на локальном компьютере, тема Twenty Fourteen, WordPress.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Back to top button
Close