Okay
  Public Ticket #3485494
x-twitter icon in font awesome
Closed

Comments

  •  16
    Josée started the conversation

    Hi,

    In the last changelog, (I installed the last Salient's version 16.0.5) I saw that you guys added X (Twitter) social media theme options, but when I use the icon element with font-awesome (and others), it doesn't have the icon x-twitter. However, the icon is present in the font awesome cheatsheet.

    https://fontawesome.com/icons/x-twitter?f=brands&s=solid

    Do you guys have any clues to help me have the right icon for X-twitter? or do you expect to fix this in another version?

    Thanks

  •  3,001
    Andrew replied

    Hello there,

    Thank you for reaching out to us.

    Could you please share your site URL so we can check those out for you? Also, it would be helpful if you shared screenshots of where you're having this issue.

    We look forward to your feedback.

    Thanks,

  •  16
    Josée replied

    Here (screen capture) in the icon element. If I search the icon x-twitter, it's not there.

    Attached files:  Capture d’écran, le 2023-09-25 à 14.31.16.png

  •  1,921
    Judith replied

    Hi Josee,

    Thanks for writing back.

    I am able to reproduce this issue.

    Please allow me to escalate this to the developer to be able to work on it.

    Rest assured the fix will be released in the coming updates.

    I request for your patience and understanding.

  •  1,086
    ThemeNectar replied

    Hey Josée,

    Salient has currently only added the new X Twitter logo as a theme option to display in the header/footer. It doesn't exist as an option within the page builder elements yet. 

    If you'd like early access to a version of Salient with that change included, you can download a pre-release copy from the following private reply.


  •   ThemeNectar replied privately
  •  16
    Josée replied

    Thanks. It works.

    Have a nice day.

  •  1
    otlconsulting replied

    Hello- could you share the early download that has the updated Twitter icon? Thank you :)

  •  8,939
    Tahir replied

    Hey Again,

    Please update to the Latest Salient Theme Version.

    The current version of the theme is 16.0.5 and the current version of the page builder is 6.13.1 . 

    Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods 

    To get a list of Bug Fixes and new Feature addons in the Latest Theme updates view change log here http://themenectar.com/changelogs/salient.html .

    Best.


    ThemeNectar Support Team 

  •  1
    otlconsulting replied

    Hey! I have Salient 16.0.5 and page builder 6.13.1 and only have the original bird for in page content. The 'x' is available for header/footer areas only.

    Attached files:  Screen Shot 2023-11-08 at 8.17.40 AM.png

  •  8,939
    Tahir replied

    Hey Again,

    Please add in the old one so we can write up CSS to replace it with the newer version .

    Thanks.


    ThemeNectar Support Team 

  •  1
    otlconsulting replied

    the old page builder? v6.9.1

  •  8,939
    Tahir replied

    Please share the page url where you are still seeing the old icon ?. 

    Thanks


    ThemeNectar Support Team 

  •  1
  •  8,939
    Tahir replied

    Hey Again,

    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.fa.fa-twitter:before {
        content: "\e918" !important     ;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    otlconsulting replied

    AMAZING! Thank you!!

  • Adam replied

    Hi, I have this problem on my site also, but the custom CSS quoted just hides the Twitter icon unless hovered.  
    Please help!

  •  8,939
    Tahir replied

    @Adam, Try using below CSS.

    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.fa.fa-twitter:before {
        content: "\e918" !important;
    }
    i.fa.fa-twitter:after {
        content: "\e918" !important;
    }
    

    Thanks


    ThemeNectar Support Team 

  • Adam replied

    I'm not sure how/why, but looks like I'm unable to reference fontawesome content.  If I enter e.g. content: "hello", this works, but using the "\e918" shows nothing.  

  • Adam replied

    OK, so is this the problem?  In my header.php (I didn't create the site, I just maintain it) for my Salient Child theme, I have the following line of code:

    <link rel="preload" href="https://www.SITENAME/wp-content/themes/salient/css/fonts/fontawesome-webfont.woff?v=4.2" as="font" crossorigin="anonymous">

    is this loading an out-of-date version of FontAwesome?

  •  3,001
    Andrew replied

    Hello again,

    Thank you for reaching out to us.

    In this case, try replacing the "www.SITENAME" with the URL of your site to fix this issue.

    Try this and let us know how it goes.

    Kind regards,

  • Adam replied

    Hi Andrew,

    I may LOOK that stupid, but I'm not.  I replaced the name of my site with SITENAME when posting in this thread.  My header.php correctly displays my site URL and no images show when I try

    content: "\e918"

    Please advise how to fix.  

    Best regards

    Adam

  •  3,001
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    Seems you're running an older version of the theme. Could you please share the URL to your site so we can look into this for you? Also, please ensure you're running the latest version of the theme for the CSS shared to work. The new Twitter logo was added to the theme in the 16.0.5 version, adding the CSS in versions before this will not work.

    The current version of the theme is 16.1.2 and the current version of the page builder is 7.1. Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods.

    Here's an updated guide on what to expect when jumping many major releases at once: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ take a read-through before the update, as many things have changed.

    To get a list of Bug Fixes and new Feature add-ons in the Latest Theme updates view the change log here http://themenectar.com/changelogs/salient.html .

    Try that and let us know how it goes.

    Cheers,

  • Adam replied

    Hi Andrew,

    Thanks for coming back to me.  You're right, we're on Salient 8.0.15.  I guess that means there might be a few changes for us!!! 

    I've read the links you sent over, but aware that 8 major releases is a HUGE jump.  Any further recommendations - should I be backing up my site and/or custom CSS before upgrading?

    Thanks in advance

    Adam

  •  1,921
    Judith replied

    Hi Adam,

    Thanks for writing back.

    I recommend the following.

    1. You can first do the update from a staging/test site before updating on your live site.

    2. Also get the services of a developer to help you update because there will many features that are outdated and so your site may potentially break.

    3 Take a backup of your live site before finally updating your live site so that in case of any issues that would not be easy to adjust you can recover your content.

    I hope you find this helpful.

    Please feel free to write to us in case of any other queries.