Adding an email icon to footer widget

Home Forums All Other Themes Adding an email icon to footer widget

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #48465
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016

    How can I add a email icon with a link for our webmail access, to Footer Widget 4, in the Gravida Theme?

    The webmail access link address is : https://csigas.com:2096

    Regards, John Rankin

    #48518
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi John,

    Kindly go to Appearance>>Widget>>Footer Widget 4

    Drag and drop text widget in footer widget 4 and add this code:

    <i class="fa fa-envelope" href="https://csigas.com:2096" target="_blank"></i>

    Regards,
    Dave

    #48619
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016

    The solution that you provided didn’t work, however it gave me enough information to experiment with and I was able to get the line of code below to work, following your instructions.

    <i class=”fa fa-envelope”></i>

    I’m still trying to figure out how to either center or move the email icon to the far right.

    Thank you for your guidance!

    #48627
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016

    Correction, here’s the line of code that worked.

    <i class=”fa fa-envelope”></i>

    #48628
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016
    #48631
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016

    I’m sorry for the multiple posts. The line of code that I pasted into the message doesn’t completely display. I’m trying one more time using HTML comment tags.

    <!–– <i class=”fa fa-envelope”></i> ––>

    #48707
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    was your issue resolved?

    #48739
    JonathanJonathan
    Member
    • Topics: 3
    • Replies: 10
    • Total: 13
    Member since: January 27, 2016

    Yes. The issue was resolved. I would be happy to post the code, however, I can’t figure out how to get all the code to display in this post. The href portion of the solution doesn’t display.

    Many thanks to this forum for the solution they provided as it led me to a solution that worked.

    Thank you!

    <p align="right"><a href="https://csigas.com:2096" target="_blank"><i class="fa fa-envelope"></i></a>
    </p>
    #48783
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi Jonathan,

    Thanks for sharing the info.

    Regards,
    Dave

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.