Каков наилучший способ изменить CSS элемента содержимого в Typo3?

Question

Я создаю веб-страницу, на которой перечислены сотрудники компании. Предполагается, что у каждого сотрудника есть свой ящик с текстом слева и изображением справа. Для этого я использовал элемент контента «Текст и изображения» для каждого сотрудника.

Однако параметры выравнивания изображения не позволяют размещать изображение справа от текста с помощью переноса текста (все варианты - без переноса). Как лучше всего обеспечить, чтобы изображения заканчивались справа от текста?

Это пример изображения, выровненного по правому краю с переносом.

Кроме того, мне бы хотелось, чтобы стиль границы каждого элемента содержимого «Текст и изображения». Как бы я пошел по этому поводу?

Answer 1

При использовании элемента содержимого «Текст и изображения» у вас есть следующие опции относительно положения изображений и текста:

• Вверху, центр
• вверху слева
• вверху, справа
• Внизу, центр
• Внизу слева
• Ниже, справа
• В тексте справа
• В тексте слева
• Рядом с текстом справа
• рядом с текстом, слева

"В тексте справа" и "В тексте слева" оберните изображение текстом, как на следующем примере изображения:

Если у вас меньше опций, есть некоторый TSConfig, который ограничивает количество опций; это может быть что-то вроде

TCEFORM.tt_content.imageorient.removeItems = 17,18

Что касается CSS, у вас есть несколько способов включить ваш; Например, вы можете добавить свой собственный файл, используя page.includeCSS , как описано здесь , или вы можете переписать TypoScript, включенный в содержимое в стиле Fluid, своим собственным (см. plugin.tx_frontend._CSS_DEFAULT_STYLE) в анализаторе шаблонов.

Чтобы включить CSS по умолчанию, вы должны включить статический TypoScript Fluid Content Elements CSS (optional) (fluid_styled_content) в свой шаблон, как на этом рисунке:

Кроме того, я бы использовал инспектор, чтобы убедиться, что CSS не был случайно переопределен.