Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как добавить стили к figcaption?

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


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

вопрос
Добрый день!
При создании новости, при вставке картинки, есть возможность вставить название к ней при помощи:
<figcaption>Caption</figcaption>
(в разделе "вставить/редактировать изображение")

Мне необходимо добавить CCS стили к
<figcaption>Caption</figcaption>
где они находятся и/или как присоединить стили?

Я не могу понять, как обернуть в
<div><figcaption>Caption</figcaption></div>
<figcaption><div>Caption</div></figcaption>


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

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

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


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

леший
Эксперт

леший - 8 апреля 2021 15:59 -

В зависимости от того, какой редактор используется, если 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
Юзер

MSK - 8 апреля 2021 16:48 -

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

mvia
Юзер

mvia - 8 апреля 2021 18:30 -

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

mvia
Юзер

mvia - 8 апреля 2021 20:42 -

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

MSK
Юзер

MSK - 8 апреля 2021 21:09 -

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

mvia
Юзер

mvia - 8 апреля 2021 22:29 -

Использую 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"
						},

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх