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!