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

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

и как сделать вот так ( овал )

1 час назад, t_reks сказал:

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

Нужно смотреть исходный код страницы, видимо у вас какое-то условие, при котором добавляется класс к родительскому контейнеру или может меняется css переменная отвечающая за цвет.

 

1 час назад, t_reks сказал:

и как сделать вот так ( овал )

Как-то так:

.ipsReact_reactCount {
    display: inline-block;
    border: 1px solid #6b8092;
    border-radius: 50%;
    padding: 3px;
}

 

/*====\\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;
}

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

Наверное должно быть очевидно, что если используется класс:

.ipsReact_reactCount

То его и нужно найти и модифицировать.

 

И необходимо обратить внимание, что если скин платныйсудя по css комментариям, все такие правки лучше вносить в custom.css, а не трогать стили "ядра" темы, для облегчения обновления в будущем, это в том случае если сделан правильно кастомный скин.

а как всё же решить проблему с черным фоном?

и, всё же хотелось овал, как на скрине ...

если можно ...

сейчас как-то не особо ...

Да, нужно было задать параметр высоты - height: 25px;

Попробуйте так, ещё здесь фон теперь прозрачный задан, должно решить проблему.

.ipsReact_reactCount {
    background: transparent !important;
    display: inline-block;
    border: 1px solid #6b8092;
    border-radius: 50%;
    padding: 3px;
    height: 25px;
}

без авторизации

 

Ссылку на страницу в студию, и всё будет понятно, а то сейчас гадание на кофейной гуще.)

Сборка RTrainSim версии 0.42.1 - Сборка RTS 0.42.1 + маршруты RTS - TCH-club.ru (xn----btb0ae6ajy.xn--p1ai)

 

подсказали исправить строку: 

.ipsReact_reactCount span:last-child{

фон вроде стал прозрачный

осталось разобраться с бордюром

У вас сейчас так:

 

А нужно так:

 

Код:

.ipsReact_reactCount {
    background: rgba(61,61,61,0.2) !important;
    border-radius: 12.5px !important;
    border: 1px solid #6b8092 !important;
    height: 25px;
}

 

Если всё таки фон нужен прозрачный, то:

background: transparent !important;

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

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