Домой Каталог: Дополнения WP-Recall Comments Tuner Подкорректировать блок загрузки изображений в форме
12ответ(ов) в теме
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
1
00:32
Версия WP-Recall: 16.8.7
Версия дополнения: 1.4.7

Здравствуйте!

Есть необходимость подкорректировать отображение блока загрузки картинок в форме комментирования.

Как добавить к пиктограмме фотоаппарата призыв с пояснением на цветном фоне с левой бордюрой?

И как поменять местами кнопку ЗАГРУЗИТЬ и поле ввода ссылки на загрузку картинки?

Буду очень благодарен вашей помощи. Спасибо.

0
Вова (Otshelnik-Fm)
не в сети 10 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
2
00:50

Здравствуйте.
Явно - такие опции не заявлены в описании функционала - значит править надо сам функционал изнутри. Хотя некоторые вещи (призыв с пояснением) можно сделать средствами css. Подскажите где можно форму увидеть подскажу по стилям (ну или не подскажу - все надо вначале увидеть)

0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
3
00:52

Здравствуйте, Владимир!

Форму можно глянуть например здесь

Вы не можете просматривать опубликованные ссылки
0
Вова (Otshelnik-Fm)
не в сети 10 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
4
01:06

Стили на текст примерно так:

#commentform .comment-media-box::after {
	content: "Прикрепить работу....";
	padding: 0 0 0 10px;
	background-color: #b4e3c0;
	display: inline-block;
	width: calc(100% - 42px);
	border-left: 3px solid #ccc;
}

результат

Вы не можете просматривать опубликованные ссылки

По кнопке - только править внутри порядок вывода

Редакции сообщения
27.11.2017 01:06Otshelnik-FmПричина: не указано
0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
5
09:13

Спасибо за подсказку, Владимир.

Только вот попробовал вставить в файл стилей своего шаблона этот код, но ничего не отобразилось. Куда нужно его вставлять?

P. S. Пробовал на тестовом сайте.

0
Вова (Otshelnik-Fm)
не в сети 10 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
6
09:59

Вставляйте на рабочем чтоб я увидел

0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
7
10:01

Немного опередил ваше предложение и уже вставил. Результат тот же.

0
Вова (Otshelnik-Fm)
не в сети 10 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
8
10:05

Когда работаете со стилями - возьмите за правило очищать кеш браузера.

Я все у вас вижу

0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
9
10:48

Кеш очищаю сразу. Видимо проблема в моём планшете Samsung Galaxy Tab S2. Уже не раз замечал, что изменения не видны, даже если захожу через вкладку инкогнито.

UPD Все в порядке, теперь вижу.

Редакции сообщения
27.11.2017 11:37AlekseiPoПричина: Добавил UPD
0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
10
11:39

Осталось только поменять местами кнопку ЗАГРУЗИТЬ и поле ввода ссылки для загрузки картинки. (См. скриншот выше).

Как же это сделать?

0
Вова (Otshelnik-Fm)
не в сети 10 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
11
12:02

AlekseiPo сказал(а)
Как же это сделать?

По кнопке - только править внутри порядок вывода

- залазить в исходники каментс тюнера и править там. При обновлении все слетит и придется повторять процедуру.

0
AlekseiPo
не в сети 4 месяца
На сайте с 22.11.2017
Участник
Тем 45
Сообщения 200
12
12:39

- залазить в исходники каментс тюнера и править там. При обновлении все слетит и придется повторять процедуру.

Жаль. Придется отказаться от затеи.

Стили на текст примерно так:
#commentform .comment-media-box::after {
content: "Прикрепить работу....";
padding: 0 0 0 10px;
background-color: #b4e3c0;
display: inline-block;
width: calc(100% - 42px);
border-left: 3px solid #ccc;
}

Код рабочий (кто бы сомневался 😉), спасибо. От себя добавил только margin: 2px; и ширину уменьшил на 99%, чтобы призыв не съезжал вниз.

Вопрос решён. Тема закрыта.

0
Тема закрыта. Публикация новых сообщений запрещена.