Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 2247

General Questions/New to Joomla! 5.x • Re: help to improve html code in custom module

$
0
0
All those inline styles could surely be defined in your user.css file (or custom.css as the case might be?).

At the very least, space out the code using new lines for each line of code (I know the forum might have presented it the way it is above, but it is not very readable when or if you need to change it in the actual module).

Is this a code snippet from FA itself?

Somewhat cleaned up code below is not perfect. I think you need to remove some of the "style=color...." on the <span> tags, as you already have "style="Color:....." on the <a href tags>. Or, remove the "style=..." altogether and replace with "class="FA_icons" - as defined in your custom CSS file.

CSS stylesheet code could be:

Code:

.FA_icons{ text-color:#0d0d0d;arial-label:="";}
HTML Code could be:

Code:

<p>  <span> <a href="https://www.facebook.com/aroma.massagebenessere/" target="_blank" rel="noopener" class="FA_icons"><i class="fab fa-facebook fa-lg"></i></a></span><span class="FA_icons"><a href="whatsapp://send/?abid=Aroma%20Massage&amp;text=Hi" target="_blank" rel="noopener" class="FA_icons"><i class="fab fa-whatsapp fa-lg"></i></a></span><span sclass="FA_icons""><a href="https://www.instagram.com/aromamassage_roma/" target="_blank" rel="noopener" class="FA_icons"><i class="fab fa-instagram fa-lg"></i></a></span><span class="FA_icons"><a href="tel:+3906.3054248" target="_blank" rel="noopener" class="FA_icons"><i class="fas fa-phone fa-lg"></i></a></span><span class="FA_icons"><a href="tel:+393498224567" target="_blank" rel="noopener" class="FA_icons"><i class="fas fa-mobile-alt fa-lg"></i></a></span></p>

Statistics: Posted by AMurray — Sat Dec 21, 2024 8:58 pm



Viewing all articles
Browse latest Browse all 2247

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>