Hello, I am trying to add the Tick-tock icon in the salient theme, and it looks like a bit impossible to deal with this problem.
I tried to find it and I have not find it in the list of icons you provide.
I tried to add this icon with box"text-icon", you could see it in the pictures, but that works bad, cause this box has not the same behaivor than the icons. Besides you can not add a class to manipulate the "text icons". So , it's difficult to deal with this simple thing. Mainly it's difficult to deal with in Responsive mode.
What is the solution you provide to add a simple icon, that you not provide, next to the other icons, in a responsive way?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I would like to know how did you know that the "content: \e90f"; and the "font-family: icommon" code you wrote, it's the rigth one to get the tick tock icon?. It's because I know to modify things with css, html and php but I have not all the information all the tricks. So I would like to learn. ; )
Hello, I am trying to add the Tick-tock icon in the salient theme, and it looks like a bit impossible to deal with this problem.
I tried to find it and I have not find it in the list of icons you provide.
I tried to add this icon with box"text-icon", you could see it in the pictures, but that works bad, cause this box has not the same behaivor than the icons. Besides you can not add a class to manipulate the "text icons". So , it's difficult to deal with this simple thing. Mainly it's difficult to deal with in Responsive mode.
What is the solution you provide to add a simple icon, that you not provide, next to the other icons, in a responsive way?
Thank you so much.
Attached files: Captura de pantalla 2023-07-20 140854.png
Hello there,
Thank you for reaching out to us.
Could you please share your site URL so we can look into this for you?
Thanks,
Hello there,
Thank you for getting back to us.
Try replacing the current icon with any other icons, such as a Tumblr icon, then we can add custom CSS to replace it with the tik tok icon.
We look forward to your feedback.
Kind regards,
Hello again,
Thank you for getting back to us.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar_icon_wrap i.fa-tumblr:before { content: "\e90f"; font-family: icomoon !important; }Thanks,
Thank you so much it works very well.
I would like to know how did you know that the "content: \e90f"; and the "font-family: icommon" code you wrote, it's the rigth one to get the tick tock icon?. It's because I know to modify things with css, html and php but I have not all the information all the tricks. So I would like to learn. ; )
Thank you so much.
Have a nice day.
Hey Again,
We can find that in the Fontawesome CSS file included in the site.
Thanks
ThemeNectar Support Team
Thank you so much