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):
Please try installing the FontAwesome plugin and see whether this helps.
If it fails, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
it is like that, when I set up google twitter and Facebook, everything is visable but not Facebook, and it is because of fa plugin. Probably, maybe I can change color of this icon, because white place between google and twitter is clickable
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Hello, my facebook icon in off canvas is not visible. Only some square. How to repair it?
Attached files: 522efd80-41d6-49a9-9b2f-7c657ba9188c.jfif
Hi Jac,
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):
#slide-out-widget-area .off-canvas-social-links .fa.fa-facebook:before { font-family: 'FontAwesome'; }Try this and let us know how it goes.
Thanks,
Now it is not visible on desktop bar
Attached files: 1.png
2.png
Hello Jac,
Thanks for writing back.
Please try installing the FontAwesome plugin and see whether this helps.
If it fails, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.
Before you provide this information, we strongly recommend taking a backup of your site.
If you have any concerns or questions about this process, please don't hesitate to let me know.
Best regards,
If the fontawesome plugin is off it is visable but if it is on it is not visable.
Because now I have on and that's why it is not visable
Hi Jac,
Thanks for writing back.
To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials
(dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us?
If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.
Before you provide this information, we strongly recommend taking a backup of your site.
If you have any concerns or questions about this process, please don't hesitate to let me know.
Best regards,
it is like that, when I set up google twitter and Facebook, everything is visable but not Facebook, and it is because of fa plugin. Probably, maybe I can change color of this icon, because white place between google and twitter is clickable
Check
Attached files: IMG_7715.jpeg
Hello Jac,
Thanks for writing back.
I am no longer seeing any social icons, did you remove them? Please let us know whether we are missing something :
I look forward to your response.
Check now.
Now it is twitter facebook and google on.
Hello Jac,
Thanks for writing back.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
.ascend .mfp-iframe-holder .mfp-close, .ascend .mfp-image-holder .mfp-close, .fa.fa-angle-down, .fa.fa-angle-left, .fa.fa-angle-right, .fa.fa-angle-up, .fa.fa-facebook, .fa.fa-linkedin, .fa.fa-minus-sign, .fa.fa-ok-sign, .fa.fa-pinterest, .fa.fa-plus-sign, .fa.fa-twitter, .icon-be, .icon-button-arrow, .icon-salient-apple-music, .icon-salient-artstation, .icon-salient-back-to-all, .icon-salient-cart, .icon-salient-discord, .icon-salient-down-arrow, .icon-salient-down-arrow-thin, .icon-salient-facebook, .icon-salient-facebook-messenger, .icon-salient-heart, .icon-salient-heart-2, .icon-salient-houzz, .icon-salient-left-arrow, .icon-salient-left-arrow-thin, .icon-salient-m-clock, .icon-salient-m-close, .icon-salient-m-eye, .icon-salient-m-social-alt, .icon-salient-m-user, .icon-salient-pencil, .icon-salient-pinterest, .icon-salient-plus, .icon-salient-right-arrow, .icon-salient-right-arrow-thin, .icon-salient-right-line, .icon-salient-search, .icon-salient-spotify, .icon-salient-thin-line, .icon-salient-tiktok, .icon-salient-twitch, .icon-salient-twitter, .icon-salient-woo-zoom-icon, .icon-salient-x, .icon-soundcloud, .icon-vimeo, .material .comment-list .reply a:before, .mejs-controls .mejs-button button, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .salient-page-submenu-icon, .video-play-button, i.fa.fa-houzz { font-family: fontawesome !important; }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.