Изменить ширину на определенной странице в Wordpress

Question

Изменить ширину на определенной странице в Wordpress

Я думаю, что у меня есть легкая проблема для всех людей здесь. Для меня не все так просто;)

Я только хотел бы изменить ширину на определенной странице в Wordpress. Я использую тему Touchfolio http://dimsemenov.com/themes/touchfolio/about.html

Это страница, на которой я хотел бы изменить ширину http://karimphoto.com/about/ Я хочу изменить ее ширину от 900 до 700 пикселей, как изображение, так и текст. Я начал создавать новый файл шаблона PHP, но на самом деле не знаю, что мне нужно делать.

Я уверен, что ежу понятно, если вы знаете, что делаете, но мои знания в этом довольно плохие.

Редактировать:

Отлично работает с кодом:

.page-id-247.hentry,.page-id-247.aligncenter {max-width: 700px! важный;

Единственная проблема, которую я вижу сейчас, состоит в том, что размер изображения больше не будет изменяться.

Любой вклад в это?

Спасибо,

0

wordpress css-float image-resizing autoresize

Источник

user2783849 21 май '14 в 18:48

3 ответа

Другие вопросы по тегам wordpress css-float image-resizing autoresize

user733347 21 май '14 в 18:52 2014-05-21 18:52 · Answer 1 · 2014-05-21 18:52

WordPress добавляет классы к body тег, содержащий идентификатор страницы, который вы можете использовать для определения целевых страниц в CSS. Идентификатор вашей страницы about - 247, поэтому вы можете использовать следующую ширину, чтобы изменить ширину по вашему запросу. Добавьте это к вашей таблице стилей:

.page-id-247 .hentry, .page-id-247 .aligncenter {
    max-width: 700px;
}

.aligncenter class предназначается для класса, используемого на вашем большом изображении. Обычно он установлен на 900px, поэтому его ширина равна .hentry (класс, используемый как в контейнере содержимого страницы) сделает ваше изображение такой же ширины, как и ваш контент.

user2783849 26 май '14 в 07:23 2014-05-26 07:23 · Answer 2 · 2014-05-26 07:23

Этот код исправит проблему, с которой я столкнулся:

.page-id-247 img.aligncenter {высота: 100%; ширина: 100%; }

0

Источник

user2783849 26 май '14 в 07:23

user3154336 21 май '14 в 19:05 2014-05-21 19:05 · Answer 3 · 2014-05-21 19:05

У тега body есть класс, определяющий идентификатор текущей страницы, так что вы можете сделать что-то вроде этого.

Вставьте это в поле Custom CSS на панели параметров вашей темы:

Code:
.page-id-111 .container {
  max-width: 1200px;
}

Измените идентификатор страницы и максимальную желаемую ширину в соответствии с вашими целями.