From 82742a27d5eb243dcba8f5aef1d20330dd46cc39 Mon Sep 17 00:00:00 2001
From: Chandan Deep <chandanndeep@gmail.com>
Date: Mon, 26 Oct 2020 16:25:25 +0530
Subject: [PATCH] Custom Styling issue fixed

---
 mod_jd_skillset.xml |  2 +-
 tmpl/default.php    | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/mod_jd_skillset.xml b/mod_jd_skillset.xml
index 3fd5454..63fc875 100644
--- a/mod_jd_skillset.xml
+++ b/mod_jd_skillset.xml
@@ -3,7 +3,7 @@
 	<name>JD SkillSet</name>
 	<author>JoomDev</author>
 	<creationDate>Oct 2020</creationDate>
-	<version>1.5</version>
+	<version>1.6</version>
 	<authorEmail>info@joomdev.com</authorEmail>
 	<authorUrl>https://www.joomdev.com</authorUrl>
 	<description>MOD_JD_SKILLSET_XML_DESCRIPTION</description>
diff --git a/tmpl/default.php b/tmpl/default.php
index 14d5576..dbc7ca7 100644
--- a/tmpl/default.php
+++ b/tmpl/default.php
@@ -4,7 +4,7 @@
 
 $doc = JFactory::getDocument();
 if ($params->get('load_fontawesome', 1)) {
-	$doc->addStyleSheet('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
+	$doc->addStyleSheet('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
 }
 $doc->addStyleSheet(JURI::root() . 'media/mod_jd_skillset/css/mod_jd_skillset.css');
 $doc->addStyleSheet(JURI::root() . 'media/mod_jd_skillset/css/jdgrid.min.css');
@@ -41,39 +41,41 @@
 }
 ?>
 <style>
-	<?php if ($customsStyle) { ?>#skillset-<?php echo $module->id; ?>.counter-title {
+	<?php foreach ($skillsets as $index => $skillset) : ?>
+	<?php if ($customsStyle) { ?>#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-title {
 		font-size: <?php echo $titleSize; ?>px;
 	}
 
-	#skillset-<?php echo $module->id; ?>.counter-number .count {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-number .count {
 		font-size: <?php echo $numberSize; ?>px;
 	}
 
-	#skillset-<?php echo $module->id; ?>.counter-number .symbol {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-number .symbol {
 		font-size: <?php echo $symbolSize; ?>px;
 	}
 
-	#skillset-<?php echo $module->id; ?>.count-icon {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .count-icon {
 		font-size: <?php echo $iconSize; ?>px;
 	}
 
-	<?php } ?><?php if ($customsStyle) { ?>#skillset-<?php echo $module->id; ?>.counter-title {
+	<?php } ?><?php if ($customsStyle) { ?>#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-title {
 		color: <?php echo $titleColor; ?>;
 	}
 
-	#skillset-<?php echo $module->id; ?>.counter-number .count {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-number .count {
 		color: <?php echo $numberColor; ?>;
 	}
 
-	#skillset-<?php echo $module->id; ?>.counter-number .symbol {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .counter-number .symbol {
 		color: <?php echo $symbolColor; ?>;
 	}
 
-	#skillset-<?php echo $module->id; ?>.count-icon {
+	#skillset-<?php echo $index; ?>-<?php echo $module->id; ?> .count-icon {
 		color: <?php echo $iconColor; ?>;
 	}
 
 	<?php } ?>
+	<?php endforeach; ?>
 </style>
 <div id="jd_skillset<?php echo $module->id; ?>" class="jd-row counter-sub-container skillset-not-counted <?php if ($params->get('IconPosition') == 'left') echo 'jd-icon-position-left'; ?><?php if ($params->get('IconPosition') == 'right') echo 'jd-icon-position-right'; ?> ">
 	<?php foreach ($skillsets as $index => $skillset) : ?>