Выравнивание изображений

Добрый день всем

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

 geminisf, нужны еще подробности. Так тема умрет, не ленитесь подробнее описывать проблему.

Покажите скриншот, какое изображение собираетесь выравнивать. Оно внутри поля типа html? Или это поле типа изображение, или изображения? У вас modern без правок или вы делали свой шаблон вывода типа контента.

 geminisf, нужны еще подробности. Так тема умрет, не ленитесь подробнее описывать проблему.

Покажите скриншот, какое изображение собираетесь выравнивать. Оно внутри поля типа html? Или это поле типа изображение, или изображения? У вас modern без правок или вы делали свой шаблон вывода типа контента.

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Или привязывайте к классу. 

.My_Class img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

 geminisf, именно так, как предлагает  pupsik

Изображение является инлайн-элементом, и оно не может управлять своим выравниванием. Только его родитель, например, через text-align: center;

но тогда и весь текст станет по центру.

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Или привязывайте к классу. 

.My_Class img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Спасибо. класс я могу прописать. У меня вопрос больше к тому как правильно это сейчас надо делать. Раньше я создавал в папке css свой файл css и там прописывал нужные классы. Сейчас в настройках темы есть вкладка css. Правильно ли я думаю что прописывать классы надо в ней? Или это другое?

Тут на вкус. В смысле удобства. Вы можете вносить правки в theme.css. 

Или создать свой прописав его в main.tpl. Но тут придетса прописывать !important. Если такой класс уже есть. 

Так что в СВОЙ собственный файл стилей можно писать СВОИ классы. Которых в theme.css точно нет. Так будет порядок.

А править вы можете theme.css

Тут на вкус. В смысле удобства. Вы можете вносить правки в theme.css. 

Или создать свой прописав его в main.tpl. Но тут придетса прописывать !important. Если такой класс уже есть. 

Так что в СВОЙ собственный файл стилей можно писать СВОИ классы. Которых в theme.css точно нет. Так будет порядок.

А править вы можете theme.css

Спасибо.