Custom Styling issue fixed

joomdev · Oct 26, 2020 · 82742a2 · 82742a2
1 parent aa5d1a8
commit 82742a2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git 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>[email protected]</authorEmail>
 	<authorUrl>https://www.joomdev.com</authorUrl>
 	<description>MOD_JD_SKILLSET_XML_DESCRIPTION</description>

diff --git 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) : ?>