Joomla Templates Club 406,261 posts

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#733719

Hi @ssinha,

Please open file root_folder/pdtemp/templates/ja_teline_v/css/custom.css and add this code :

.cat-red > .separator:hover,
.cat-red > .separator:focus {
background-color: #cc0000 !important;
}
.cat-red.active > .separator,
.cat-red.open > .separator,
.cat-red.active > .separator:hover,
.cat-red.open > .separator:hover,
.cat-red.active > .separator:focus,
.cat-red.open > .separator:focus {
background-color: #cc0000 !important;
}
.cat-green > .separator:hover,
.cat-green > .separator:focus {
background-color: #669900 !important;
}
.cat-green.active > .separator,
.cat-green.open > .separator,
.cat-green.active > .separator:hover,
.cat-green.open > .separator:hover,
.cat-green.active > .separator:focus,
.cat-green.open > .separator:focus {
background-color: #669900 !important;
}
.cat-blue > .separator:hover,
.cat-blue > .separator:focus {
background-color: #0077bb !important;
}
.cat-blue.active > .separator,
.cat-blue.open > .separator,
.cat-blue.active > .separator:hover,
.cat-blue.open > .separator:hover,
.cat-blue.active > .separator:focus,
.cat-blue.open > .separator:focus {
background-color: #0077bb !important;
}
.cat-cyan > .separator:hover,
.cat-cyan > .separator:focus {
background-color: #0099cc !important;
}
.cat-cyan.active > .separator,
.cat-cyan.open > .separator,
.cat-cyan.active > .separator:hover,
.cat-cyan.open > .separator:hover,
.cat-cyan.active > .separator:focus,
.cat-cyan.open > .separator:focus {
background-color: #0099cc !important;
}
.cat-violet > .separator:hover,
.cat-violet > .separator:focus {
background-color: #bf5fff !important;
}
.cat-violet.active > .separator,
.cat-violet.open > .separator,
.cat-violet.active > .separator:hover,
.cat-violet.open > .separator:hover,
.cat-violet.active > .separator:focus,
.cat-violet.open > .separator:focus {
background-color: #bf5fff !important;
}
.cat-orange > .separator:hover,
.cat-orange > .separator:focus {
background-color: #ff8800 !important;
}
.cat-orange.active > .separator,
.cat-orange.open > .separator,
.cat-orange.active > .separator:hover,
.cat-orange.open > .separator:hover,
.cat-orange.active > .separator:focus,
.cat-orange.open > .separator:focus {
background-color: #ff8800 !important;
}
.cat-purple > .separator:hover,
.cat-purple > .separator:focus {
background-color: #8c5de4 !important;
}
.cat-purple.active > .separator,
.cat-purple.open > .separator,
.cat-purple.active > .separator:hover,
.cat-purple.open > .separator:hover,
.cat-purple.active > .separator:focus,
.cat-purple.open > .separator:focus {
background-color: #8c5de4 !important;
}

1 user says Thank You to Adam M for this useful post

1. ssinha

[ssinha Friend ssinhaJoin date: July 2014Posts: 183Downloads:57Uploads:11 Thanks: 68 Thanked: 12 times in 1 posts]

#568679

Adam, your solution worked wonderfully. I know I have thanked you in the past for all the help you have provided me but I don’t think that’s enough. You sir, deserve more and rightfully so. Cheers.

[emrekilicer Friend emrekilicerJoin date: July 2017Posts: 46Downloads:67Uploads:13 Thanks: 10]

#1053185

Hi @adam M ,
I don’t have custom.css file. Where can I find it? Thanks

• This reply was modified 7 years, 4 months ago by  emrekilicer.
• This reply was modified 7 years, 4 months ago by  emrekilicer.
• This reply was modified 7 years, 4 months ago by  emrekilicer.
• This reply was modified 7 years, 4 months ago by  emrekilicer.
• This reply was modified 7 years, 4 months ago by  emrekilicer.

[Author]

Posts