Архив метки: twenty fourteen

Изменение ширины темы WordPress Twenty Fourteen

По мотивам этой статьи. В очередной раз обновилась тема Twenty Fourteen и в очередной раз нужно менять css файл style.css, чтобы тема нормально смотрелась на очень широких экранах. На этот раз решил подойти радикально — и обновления не терять, и руками каждый раз не править. А именно: заходим в настройки темы -> дополнительные стили и копируем туда код:

.site {	
	max-width: 100% !important;	
}
.site-header {
	max-width: 100% !important;	
}
.hentry {	
	max-width: 100% !important;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 80% !important;
}
.image-navigation {	
	max-width: 80% !important;
}

.archive-header,
.page-header {
	max-width: 80% !important;
}

.contributor-info {	
	max-width: 80% !important;
}

.comments-area {
	max-width: 80% !important;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
  max-width: 80% !important;
}

Сильно надеюсь, что на этом все.

Меняем ширину темы twenty fourteen для WordPress

По непонятной причине разработчики темы twenty fourteen для WordPress решили что ширина экрана на современных экранах, ограничена размером в 1260 пикселей. Странно.. однако тема хорошая, а потому её можно чуть чуть «пофиксить».. Для этого нужно отредактировать style.css:

  • Найти все упоминания 1260px и заменить на 100%
  • Найти все вхождения max-width: 672px; и заменить на max-width: 100%;
  • Найти все вхождения max-width: 474px; и заменить на max-width: 80%;