Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#201283

I just upgraded to the JA University template and would love to add the ‘Hot’ badget to my news letter subscription modules just like with your JA Nex template (see screenshot of demo site).

Please provide with image file and instructions what code to add to my template. I just wish you added that feature to all of your templates. It’s really HOT!

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549417

post your site details and a screenshot on which place you need this to appear. so we could suggest the css

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#554330

I did PM those details to Chavan but haven’t heard back as yet.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555072

You can follow these steps to have the Hot Tag in module

1. Copy the file “badge-ltr.png” in the attachment to root/templates/ja_university_t3/images/

2. Add this code to the file root/templates/ja_university_t3/css/custom.css (create a new one if unvailable)

.t3-module .badge {
background-color: transparent !important;
background-image: url("../images/badge-ltr.png");
background-repeat: no-repeat;
height: 40px;
position: absolute;
right: 0;
width: 40px;
padding: 0px;
border-radius: 0px;
}

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

3. Add the Module Class Suffix ” badge-red” to the module that you want to show this Hot Tag >> http://prntscr.com/55vfhx
Note: There is a space before badge-red

4. Result >> http://prntscr.com/55vfmi

---

Attachments:

1. 

1 user says Thank You to Eragon H for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#555100

Something went wrong.

http://awesomescreenshot.com/0713ub5q62

I suspect it’s got to do with the fact that I’m not using the T3 version yet, but still the old JAT3 version. So what do I do?

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555151

1. I thought that you used the T3 version.

2. For the JAT3v2, you can copy this code to the file css/template.css

.badge {
background-color: transparent !important;
background-image: url("../images/badge-ltr.png") !important;
background-repeat: no-repeat !important;
height: 40px !important;
position: absolute !important;
right: 0 !important;
width: 40px !important;
padding: 0px !important;
border-radius: 0px !important;
}

.badge-red .badge {
background-position: 0 0 !important;
}

Result >> http://prntscr.com/565bmn

3. If the issue still persists, kindly PM you site URL and temporary admin account, I can have a look

1 user says Thank You to Eragon H for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#555231

Great, thanks, that worked. I tried to use the ‘Top’ and ‘Pick’ badge as well, but couldn’t work out which back-ground positions to choose.

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#556219

Can someone please to explain to me how to use the other tags? Thanks.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#556241

Kindly add this code to file css/template.css to use other tags

.badge-new .badge {
background-position: 0 -40px !important;
}
.badge-top .badge {
background-position: 0 -80px !important;
}
.badge-vote .badge {
background-position: 0 -120px !important;
}
.badge-pick .badge {
background-position: 0 -160px !important;
}

1 user says Thank You to Eragon H for this useful post

1. Andrew Winkler

[Author]

Posts