red_2: (Default)
red_2 ([personal profile] red_2) wrote in [community profile] diary_shelter2017-11-01 11:06 pm

Как убрать чёрную рамку вокруг юзерпика

В некоторых стилях вокруг юзерпиков возникает чёрная или цветная рамка. Её можно убрать средствами CSS.
Внимание! Не обещаю, что у всех сработает, и рамка может вернуться обратно, если вы измените стиль дневника или сообщества. Тогда надо будет снова подправить CSS.

Итак. Как отключить чёрную рамку:

В главном меню сайта выбираем Organize, в нём Customize Style, в нём щёлкаем на закладку Custom CSS.
Там будет поле ввода Use embedded CSS. В нём набираем такой код:

.entry .userpic img, .comment .userpic img, .module-content .userpic img {
border: none;
background: none;}

Тыкаем в Save changes, перезагружаем страницы, должно всё получиться.
Если всё-таки хочется обводку юзерпиков, но не чёрную, ставим в background вместо none желаемый цвет в шестнадцатиричном коде с решёткой, например, #EFF5FB;.

Если не сработало, попробуйте вместо border: none; background: none; поставить padding: 0px;
Возможно, в стилях с фоновой картинкой надо писать не background: none;, а background-color: transparent;

Судя по тому, что пишут в англоязычном комьюнити о настройке стилей журнала, рамка получается из-за того, что foreground и background разного цвета.

[personal profile] aarra 2017-11-04 07:04 am (UTC)(link)
В главном меню сайта выбираем Organize, в нём Customize Style, в нём щёлкаем на закладку Custom CSS.
А где главное меню? В Settings нет Customize Style.

[personal profile] aarra 2017-11-04 09:33 am (UTC)(link)
на главной странице сайта, вверху.
Можно скрин? У меня там только последние посты со всего Дрима, а Organize даже с поиском по странице не нашёл.

[personal profile] aarra 2017-11-04 10:17 am (UTC)(link)
Появилось после того, как сменил дизайн. Спасибо.