How can I change the item-buttons, on the users profile picture?

Home Forums Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme Popular Features Member Profile How can I change the item-buttons, on the users profile picture?

This topic contains 5 replies, has 3 voices, and was last updated by  Olivier 7 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #9478

    Carsten
    Participant
    • 31 Posts
    @privatedanish

    Hi support team.

    How can I change the item-buttons, on the users profile picture?

    #item-buttons > div.generic-button.poke-button/send-private-message > a – or any button on the members profile picture.

    Especially the #item-buttons > div.generic-button.poke-button > a and
    the #compliments-button-24. (The compliments-button uses the primary button settings with text)

    1. I’m not using the friends button!
    2. The poke text – I have changed into (send a smile). Using the Loco plugin!
    3. Is it possible to replace the poke button with the friends button – Heart and replace the compliments-button with the success button, with a tooltip
    instead of text?
    4. By the way, what is the success button and how to activate it?
    3. I have already tried styling the buttons with dashicon + css. Didn’t work.

    It would be a great help. If I could have these buttons replaced and have these features on my main website.

    The Picture is from my testing server!

    Best regards Carsten.

    #9482

    Jason
    Moderator
    • 343 Posts
    @themoceratops
    Themosaurus Support

    Hi @privatedanish,

    Unfortunately, there is no option available in the theme that will allow you to easily change these buttons. I believe you will need some custom development work to achieve that.

    Here are some recommendations if you want to order some custom development:

    For one, we recommend you try to reach MeshPros and request a customization quote:
    https://meshpros.com/customizations/

    These guys are the author of Match me for BuddyPress, a plugin that recommended to provide the matchmaking feature to your website. You might be already using it. They’ve quite a lot of experience with WordPress and BuddyPress development and might be better suited to help you.

    If you’re on a tight budget, we recommend you to require the services from Envato Studio freelancers (https://studio.envato.com/explore/websites-programming). This web platform gives you access to developers who have already experience with theme customizations, and for very competitive prices.

    Best,

    #9599

    Carsten
    Participant
    • 31 Posts
    @privatedanish

    Hi Jason.

    Thanks for the information. But I really want to do this by myself. I just need a few tips or something to work with. Because it’s only way, you learn and understand, how things work. πŸ™‚

    Pic1: = Change the icons.
    Pic3: = Like you can, with the class=”icon-wrapper”.

    Regarding the success button. How does it work and how to activate it?
    And does your theme work with the Youzer plugin?

    Best regards Carsten.

    #9631

    Jason
    Moderator
    • 343 Posts
    @themoceratops
    Themosaurus Support

    Hi @privatedanish,

    If you want to change the buttons icons, you need to be experienced in writing CSS code. The icons on these buttons are defined on a ::before element on each button link. They are unfortunately not defined via a simple class like the homepage icons you mentioned in your “button-3” screenshot. For example, this is the CSS selector for the “message” button icon: #buddypress:not(.youzer) div.action a.send-message:before. That means if you want to change that icon, you will need to write some CSS code for that selector.

    Regarding the success button, unfortunately I am not sure I understand which button you mean. Can you please tell me more about that button, and maybe provide a screenshot to show me the button ?

    Finally, the Youzer plugin is fully compatible with Gwangi. And you decide to use it, please note that the Youzer style will be applied to your members pages, so maybe you will not need to change your icons if you decide to use Youzer.

    Best regards,

    #9976

    Carsten
    Participant
    • 31 Posts
    @privatedanish

    Hi Jason.

    Thanks for the help. I managed to change the poke icon! πŸ™‚

    ———————————————————————-
    #buddypress:not(.youzer) div.action a.poke-user-button:before {
    content: “\2764” !important;
    color: #EF5B85 !important;
    position: relative !important;
    top: 2px !important;
    font-size: 0px !important;
    font-weight: 900 !important;
    }
    ———————————————————————–
    Finding a good icon, was a little difficult. That actually worked in the content: – and I can’t change the font-size. So I use the font-weight: – instead.
    I have skipped the compliments plugin/icon. To many bugs!

    See the picture, regarding the success button.

    I haven’t tried the Youzer plugin yet. But I think I’ll try it, on my testing server first.

    Thanks again. πŸ™‚

    Best regards Carsten.

    #10025

    Olivier
    Moderator
    • 1802 Posts
    @themosaurusrex
    Themosaurus Support

    You’re welcome @privatedanish! I’m glad to read that @themoceratops has been able to help you. πŸ™‚

    Cheers,

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

The topic ‘How can I change the item-buttons, on the users profile picture?’ is closed to new replies.