1. Oliver
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Thursday, 06 October 2022
  5.  Subscribe via email
Hello Ciaran,
I tried to change the color of the social media icons on J4 Nina.
Changing the hex value in the option in the template does not make any difference. It stays #fff :)
That's because the nexus.min.css changes the color to white:


.socialmedia ul li a [class^="fa-"]::before, .socialmedia ul li a [class*=" fa-"]::before {
position: relative;
padding-right: 0;
color: #fff;
}


For me changing the color value to "inherit" in the custom.css does work. :D


.socialmedia ul li a [class^="fa-"]::before, .socialmedia ul li a [class*=" fa-"]::before {color: inherit;}


Maybe deleting the color property in the nexus.min.css would be a solution?
I only want to bring this to your attention.

Regards
Oliver
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Oliver

Thank you for sharing your solution. Your fix although correct, I believe will apply the primary color if no other related CSS is set. There is a setting in the General -> Social Icons to set a color however there appears to have been an issue with this option. I have just created an update resolving this issue. Thank you for bringing this to our attention. :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.