Как исправить отображение реакции для гостя?

После авторизации проблем нет:

пкм + посмотреть код.

t_reks найди в CSS

.ipsReact_reactCount span:last-child {
    background: #1e1f20;
    padding: 0 9px;
}

удалить цвет или заменить на свой в  background: #1e1f20;

Если заменить цвет, не будет после проблем с отображением у других групп?

При публикации фон у каждой группы порой разный- от черного до зеленого.

Мне полностью удалить строку?

background: #1e1f20;

Или только #1e1f20

?

4 минуты назад, t_reks сказал:

Мне полностью удалить строку?

именно так. полностью удалить background: #1e1f20;

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

А как сделать иконки реакции в овале, как у вас?

Искал новые версии или плагин, не нашел.

 

t_reks прописать бордер и поставить нужные цифры-размер

.ipsReact_reactCount span:last-child {
    background: #1e1f20;
    padding: 0 9px;
    border-radius: 8px;
}

Спойлер

 

нашел только

.ipsReact_reactCount span:last-child {
        padding: 0 4px;
    }

в

 

и тут нет никакого фона и указания цвета ...

я за этот бордюр имел ввиду:

border-radius: 8px;  

не сработало

t_reks тогда просто добавь этот код в кастом

.ipsReact_reactCount span:last-child {
    background: #1e1f20;   тут настрой цвет на прозрачный
    border-radius: 8px;
}

вот так хотелось бы:

или хотя бы овал

12 минут назад, SlawkA сказал:

t_reks тогда просто добавь этот код в кастом

.ipsReact_reactCount span:last-child {
    background: #1e1f20;   тут настрой цвет на прозрачный
    border-radius: 8px;
}

не работает

ставил и #00000000 и transparent

кеш чистил:

возможно, не в том файле правку делаю

нашел всего три файла

везде исправил

на выходе ноль

у тебя замещение идет из кастомной секции css, это даже в исходнике видно как бы. Там же и изменить "бордюр":

.ipsReact_reactCount {
  background: rgba(61,61,61,0.2);
  border-color: rgb(255 255 255 / 5%);
  border-radius: 10px;
}

 

ZIKURIK а в каком именно файле заменить?

кастомная секция ... это как найти?

12 минут назад, t_reks сказал:

ZIKURIK а в каком именно файле заменить?

кастомная секция ... это как найти?

ipsReact_reactCount в поиске
css файлы группы custom

/*====\\Reputation//====>*/
	.ipsReact_button,
.ipsReact_types ul,
.ipsReact_name,
body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button,
body:not( .ipsApp_noTouch ) .ipsReact_types.ipsReact_types_active .ipsReact_button {
	background: {hextorgb="react_bg" opacity="0.70"};
}
.ipsReact_reactCount {
	background: {hextorgb="light_button" opacity="0.2"};
	border-color: rgba(0,0,0,0.03);
}
.ipsReact_reactCount > span > span:last-child,
.ipsReact_reactCount > a > span:last-child {
	background: {hextorgb="light_button" opacity="0.5"};
	color: {hextorgb="light_button_font" opacity="0.90"};
}
.ipsReact_unreact {
	background: {hextorgb="light_button" opacity="0.90"};
	color: {hextorgb="light_button_font" opacity="0.90"};
}
.ipsReactOverview ul img{
	border: 2px solid {hextorgb="react_bg" opacity="0.90"};
}
.ipsReact_reactCount{
	padding-left: 5px;
}
.ipsReact_reactCount span:last-child{
	background: {theme="react_bg"};
	padding: 0 9px;
}
html[dir="ltr"] .ipsReact_types ul li {
    padding: 0 2px;
}
html[dir="ltr"] .ipsReact_blurb:not( .ipsHide ) + .ipsReact_types{
	border-left: 1px solid {theme="react_bg"};
}
html[dir="rtl"] .ipsReact_unreact{
	left: -7px;
	top: -7px;
}
html[dir="ltr"] .ipsReact_unreact{
	right: -7px;
	top: -7px;
}

тут несколько раз повторяется данная строка

куда именно вставить?

при авторизации

гостем

фон так и остался, и выходит за рамки бордюра ... 😔

ZIKURIK 

14 минут назад, t_reks сказал:

фон так и остался

ну так у тебя в коде так и прописано потому что:

.ipsReact_reactCount span:last-child{
	background: {theme="react_bg"};
	padding: 0 9px;
}

 

ZIKURIK спасибо, теперь сработало!

а как сделать такой бордюр?

серый, который

ZIKURIK спасибо большое за помощь!

Всё работает ).

/*скругление лайков и прозрачность фона у них*/
.ipsReact_reactCount {
    background: rgba(61,61,61,0.2) !important;
    border-radius: 15px !important;
    border: 0px solid #6b8092 !important;
    height: 30px !important;
    padding-left: 0px !important;
}

.ipsReact_reactCount > span > span:last-child, .ipsReact_reactCount > a > span:last-child {
  background: rgba(61, 61, 61, 0);
  color: rgba(255,255,255,0.9);
}

/*лайки правка отображеия в сторонних браузерах*/
.ipsReact_reactCount span:last-child {
  background: #23233100;
  padding: 0 1px;
  margin: 0px;
}

 

Спойлер

 

И все

Edited 6 июня, 20241 yr by aLEX49566

Спойлер

 

Спасибо, записано.

В 06.06.2024 в 17:41, aLEX49566 сказал:

background: #23233100;

Это в каком измерении цвет?

3 минуты назад, Zero108 сказал:

Это в каком измерении цвет?

Прозрачность, бро