Customize user avater icons and links

Home Forums Gwangi – Dating & Matchmaking Community Theme Theme Customizer Appearance Customize user avater icons and links

This topic contains 3 replies, has 2 voices, and was last updated by  Themosaurus 5 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4102

    Youri
    Participant
    • 7 Posts
    @proxy92

    Hi,

    How can I change the “compose message” icon on the user avatar image ? I also would like that, when visiting a member profile, clicking the user avatar links to user’s media instead of refreshing the profile page.

    Thanks.

    #4107

    Themosaurus
    Keymaster
    • 1670 Posts
    @themosaurus

    Hi @proxy92,

    1. Unfortunately, there is no easy way to change the “compose message” icon. However, if you are willing to use an icon from FontAwesome (see https://fontawesome.com/v4.7.0/icons/), which is included in the theme, we can provide you with a code snippet that will change the “compose message” icon with the one of your choice.
    2. That also cannot easily be changed, as that would require some direct changes in the theme files. However we do not recommend modifying theme files because every change you make would be deleted by theme updates.

    Regards

    #4116

    Youri
    Participant
    • 7 Posts
    @proxy92

    Hi,

    1. https://fontawesome.com/v4.7.0/icon/envelope

    2. I manage to make it work by overriding “cover-image-header.php” in the child theme 🙂

    Regards.

    #4146

    Themosaurus
    Keymaster
    • 1670 Posts
    @themosaurus

    Hi @proxy92,

    Glad you were able to make it work 🙂

    Here is the CSS snippet to change the message icon:

    div.action a.send-message:before, #members-list div.action a.send-message:before, #groups-list div.action a.send-message:before, #friend-list div.action a.send-message:before, #mods-list div.action a.send-message:before, #admins-list div.action a.send-message:before, div#item-header #profile-header #item-buttons.action a.send-message:before {
    	font-family: 'fontAwesome';
    	content: '\f0e0';
    }

    If you need to find out how to add a CSS snippet to your site, we recommend that you visit this article of our documentation:

    Adding Custom CSS

    Regards,

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Customize user avater icons and links’ is closed to new replies.