Как добавить стили к figcaption?

mvia 08.04.2021 изображения в новости, дополнительные поля Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS) 1285

вопрос

Добрый день!
При создании новости, при вставке картинки, есть возможность вставить название к ней при помощи:

<figcaption>Caption</figcaption>

(в разделе "вставить/редактировать изображение")

Мне необходимо добавить CCS стили к

<figcaption>Caption</figcaption>

где они находятся и/или как присоединить стили?

Я не могу понять, как обернуть в

<div><figcaption>Caption</figcaption></div>

<figcaption><div>Caption</div></figcaption>

Я не смог это найти...

Еще, есть ли возможность добавить доп.поле в эту связку?

Ответа пока нет

6 комментариев

Гости

435

леший - 2021-04-088 апреля 2021 15:59 - #79545

В зависимости от того, какой редактор используется, если TinyMCE, то нужно редактировать файл engine/editor/jscripts/tiny_mce/plugins/image/plugin.min.js, если Froala Editor, то тогда нужно редактировать engine/editor/jscripts/froala/editor.js, ну а если bbcode, то редактировать надо engine/classes/parse.class.php

Юзер

MSK - 2021-04-088 апреля 2021 16:48 - #79546

Оберните вывод полной и короткой новости в свой стиль, если надо стилизовать captition только в новостях, и пропишите нужный стиль
.стильновости figcaption { ... }

Юзер

mvia - 2021-04-088 апреля 2021 18:30 - #79547

спасибо, попробую ...

Юзер

mvia - 2021-04-088 апреля 2021 20:42 - #79548

Оба варианта не работают ...
использую tiny_mce

Юзер

MSK - 2021-04-088 апреля 2021 21:09 - #79549

Демонстрируйте что сделали, гадать на кофейной гуще я не умею...
Для стилизации не важно какой редактор.

Юзер

mvia - 2021-04-088 апреля 2021 22:29 - #79550

Использую tiny_mce

CCS, пробовал так:


.the-excerpt > figcaption {
	color: brown;
	text-decoration:line-through;
}

также варианты
.the-excerpt  figcaption
.the-excerpt  + figcaption
figure.image figcaption

в .js, 10229 строка

aligncenter: [{
						selector: "figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",
						styles: {
							textAlign: "center",
							textColor: "brown"
						},

Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
Вчера, 17:18

Странный вы, это как минимум в ваших интересах т.к модули с рейтингами для комментариев есть и в паблике, поэтому и хочется посмотреть как это реализовано у вас. Стоимость то не низкая для модуля
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
24-04-2024, 14:14

А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 13:32

Конечно. Пишите в телеграм.
Nimax | Сделать модуль опросы ³

Nimax
Сделать модуль опросы
22-04-2024, 13:17

Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 12:56

Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
22-04-2024, 12:14

А есть скрины или демо как это на фронте выглядит?
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 18:25

Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 13:18

Как преобрести за 9$? на сайте цена другая
Jigurda | Как в description вставить значение доп. ... ²

Jigurda
Как в description вставить значение доп.поля?
19-04-2024, 10:54

Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
lutskboy | Как в description вставить значение доп. ... ²

lutskboy
Как в description вставить значение доп.поля?
18-04-2024, 21:51

https://sandev.pro/web/159-fullstory-metatags-by-sander.html