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

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

вопрос

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

<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"
						},

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?