Solved [Help] Cách đổi ô số thông báo (Alerts) sang màu đỏ!!!!

[Kaito Shita]

Mình vừa dùng skin xenblock thì thấy rất hài lòng nhưng có một cái mình muốn sửa là phần hiện thị số thông báo hay số tin nhắn thì nó lại số màu đen, không nổi lắm. Như vậy nè:

Nào biết cách đổi ô số kia sang màu đỏ như facebook thì chỉ mình với!!!
Thanks mn trước

 

[ismartcom005]

Tìm css nó mà đổi nha bạn trẻ

 

[Kaito Shita]

a nói rõ hơn một tý được không ạ? E post bài hỏi nghĩa là e đã thử qua hầu hết các cách trên google mà e tìm được rồi nhưng nó toàn đổi màu cái khác thôi.
Trong Style Properties: Color Palette em đổi tất cả các màu nhưng chẳng ảnh hưởng gì đến nó hết
Vào Templates navigation hay navigation.css đổi màu Alerts cũng chẳng si nhê.
Qua có bài post bên vxf.vn bảo thêm vào Extra.css đoạn code này:

.visitorTabs {
margin-top: 3px;
}
.breadBoxTop, .breadBoxBottom {
padding: 10px 0;
overflow: hidden;
zoom: 1;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#header #logoBlock #logo img
{
max-width: 200%;
padding-left: 5px;
}

.breadBoxTop .breadcrumb{
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.breadBoxBottom .breadcrumb{
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.breadBoxTop .topCtrl {
margin-top: 10px;
margin-right: 3%;
}

#big-container .breadBoxTop.withTopCtrl{
margin-bottom:-20px;
}

.PanelScrollerOff .panel
{
margin-bottom: 0 !important;
}

.forum_list .nodeInfo.forumNodeInfo.primaryContent{
border-bottom: none !important;
}

.node .nodeInfo.primaryContent {
padding: 2px 0 !important;
}


.node .subForumList {
background: @primaryLightest;
border-radius: 3px;
border-bottom: 1px solid #E2E2E2;
padding: 7px 1% 7px 3%;
margin: 0px 10px 10px 46px !important;
}

.node .subForumList li {
width: 50% !important;
margin: 3px 0 !important;
}

.node .subForumList .nodeTitle a:before
{
content: "";
background: @primaryLighter;
border-radius: 4px;
margin-right: 5px;
display: inline-block;
height: 4px;
width: 4px;
vertical-align: middle;
}

#QuickSearch .textCtrl {
border-top-color: rgb(233, 233, 233) !important;
border-bottom-color: rgb(210, 210, 210) !important;
}

.button.primary
{
background-color:@primaryLighterStill;
}

.button:hover, .button[href]:hover, .buttonProxy:hover .button
{
background-color:@primaryLighter;
}

.messageUserBlock .extraUserInfo {
background: none !important;
padding: 0px 6px 8px !important;
}

.messageUserBlock .extraUserInfo .pairsJustified dd {
float: none !important;
text-align: left !important;
}

.messageUserBlock .extraUserInfo dl {
font-size: 11px !important;
margin: 0 !important;
}

.messageUserBlock .extraUserInfo dd, .messageUserBlock .extraUserInfo dt {
color: @dimmedTextColor !important;
}


.pageNavLinkGroup .Popup .arrowWidget {
margin-left: 2px !important;
}

.pageNavLinkGroup .linkGroup {
font-size: 12px;
}


/* add-on specific fixes */

.WidgetFramework_WidgetRenderer_FeedReader_Entry {
margin-top: 10px;
text-align: left !important;
}

.sidebar .lnblogRecentIndexEntry {
padding-bottom: 5px;
}

.wikiPage .tabs.controlTabs {
margin-bottom: -24px !important;
}

div[class*='xfa_groups'] .sidebar dl {
margin-top: 10px;
}


/* Fixes for xfa groups add-on */
.xfa_groups_home .groupsList .stats {
width: 20% !important;
}
.xfa_groups_home #big-container-padding {
padding: 30px 30px !important;
}
.xfa_groups_home .categoryBlock {
max-width: 170px !important;
width: 17% !important;
}
.xfa_groups_home .groupList {
margin-left: 22%;
}
.groupsListItem .description {
font-size: 12px !important;
color: @mutedTextColor !important;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
.xfa_groups_home .groupsList .stats {
display: none;
}
}
</xen:if>
.secondaryContent {
background: #f0f7fc url('styles/vxf/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid #d7edfc;
}.sidebar .section .secondaryContent {
background: #fff;
border: 1px solid rgb(217, 217, 217);
}
#moderatorBar .headerLeft {
background-color: #0A3552;
float: left;
width: 50%;
}

#moderatorBar .headerRight {
float: right;
}

.navTab.logout.PopupClosed {
display: inline-block;
cursor: pointer;
}

#QuickSearch .textCtrl {
width: 162px;
font-size: 13px;
font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #77ADDF;
background-color: #2F536C;
padding: 1px;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
outline: 0;
margin: 1px;
}

#moderatorBar
{
background-color: #0A3552;
border-bottom: 1px solid #77ADDF;
font-size: 11px;
height: 25px;
}

#moderatorBar a,
#moderatorBar .itemCount
{
color: #a5cae4;
}
#moderatorBar a
{
display: inline-block;
padding: 2px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.Popup .PopupControl.PopupOpen,
.Popup.PopupContainerControl.PopupOpen
{
color: #0F517F;
background-color: #175F92;
-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

}

#loginBar {
margin-top: 2px;
color: #a5cae4;
background-color: #0A3552;
float: right;
z-index: 1;
}

nhưng lại làm hỏng skin và đổi màu thanh tìm kiếm còn cái ô thông báo vẫn không thay đổi.
E bất lực lắm

 

[PVS]

cái này ở temp moderator_bar.css nha

#moderatorBar .itemCount
{   
    background: rgb(225, 0, 0);

thay màu ở đây

 

[NDK]

Ở template moderator_bar_css , tìm

  #moderatorBar .itemCount.alert
   {
     background: #e03030;
     color: white;
     box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
   }

Sửa đoạn e03030 thành màu bạn thích

 

[nttruong]

Pó dép. Chắc gì nó đã dùng color palete. Như anh thì tìm đến sáng sao

F12, chỉ thẳng vào mặt nó, click phải, search soure >>> css nó là gì, chỉnh là nó ra!