Joomla Templates Club 406,261 posts

[fdr77 Friend fdr77Join date: April 2011Posts: 104Downloads:0Uploads:39 Thanks: 13 Thanked: 3 times in 1 posts]

#165384

I would like to add 4 icon to the suffix -default badge-pick,-default badge-new,-default badge-hot and -default badge-new
I tried so…../httpdocs/templates/ja_teline_iv/css/typo.css

/* Badge ---*/
.badge {
background-image: url(../images/badge.png);
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: 0;
width: 45px;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }

/*Use for Demo Page Only*/
#ja-typo .moduletable_badge {
margin: 0;
padding: 0;
min-height: 40px;
}

#ja-typo .moduletable_badge .ja-box-ct {
border: 1px solid #ddd;
padding: 20px;
background: #f7f7f7;
}
.badge-3{
background-image: url(../images/badge-3.png);
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: 0;
width: 45px;
}

.badge-hot-3 .badge-3 { background-position: 0 0; }
.badge-new-3 .badge-3 { background-position: 0 -46px; }
.badge-pick-3 .badge-3 { background-position: 0 -92px; }
.badge-top-3 .badge-3 { background-position: 0 -138px; }

and so…../httpdocs/plugins/system/jat3/base-themes/default/css/template.css

.badge {
background-image: url(../images/icon-badge.png);
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
}

.badge-hot .badge { background-position: 0 0; }

.badge-new .badge { background-position: 0 -46px; }

.badge-pick .badge { background-position: 0 -92px; }

.badge-top .badge { background-position: 0 -138px; }
.badge-3 {
background-image: url(../images/icon-badge-3.png);
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
}

.badge-hot-3 .badge-3 { background-position: 0 0; }

.badge-new-3 .badge-3 { background-position: 0 -46px; }

.badge-pick-3 .badge-3 { background-position: 0 -92px; }

.badge-top-3 .badge-3 { background-position: 0 -138px; }

But don’t work
Of course the new image badge.png ….will have new written

HELP ME

---

Attachments:

1. 
2. 

[fdr77 Friend fdr77Join date: April 2011Posts: 104Downloads:0Uploads:39 Thanks: 13 Thanked: 3 times in 1 posts]

#397138

solved….
who should serve
open /your-root/templates/ja_teline_iv/css/typo.css
line 590
change so

/* Badge ---*/
.badge {
background-image: url(../images/badge.png);
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: 0;
width: 45px;
}

.badge-hot .badge { background-position: 0 0; }
.badge-new .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top .badge { background-position: 0 -138px; }
.badge-chat .badge { background-position: 0 -185px; }
.badge-stats .badge { background-position: 0 -231px; }
.badge-user .badge { background-position: 0 -277px; }
.badge-pool .badge { background-position: 0 -324px; }
.badge-menu .badge { background-position: 0 -370px; }
.badge-feutured .badge { background-position: 0 -416px; }


---

Attachments:

1. 

[Author]

Posts