Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Popular Features › Member Swap › icon appearance in swap page
- This topic has 6 replies, 2 voices, and was last updated 6 years, 8 months ago by
Themosaurus.
-
AuthorPosts
-
rodolpheParticipant@aumweb
- 35 Topics
- 78 Posts
Hello,
don’t know why the icons doens’t appears properly ?
There is a problem of the position see print screen…
Thanks
https://rencontre.aumweb.fr/members-swap/August 27, 2018 at 19:55 #1823@themosaurus- 1 Topics
- 1675 Posts
Hi rodolphe,
We can see the issue on your screenshot but unfortunately, we need to be logged in to be able to debug it. Can you please create a new user with admin capabilities so we can visit your website and review your settings to try to find what might be causing this?
You can post the user credentials in your next private reply.
Best regards,
August 28, 2018 at 14:00 #1850@themosaurus- 1 Topics
- 1675 Posts
Hi rodolphe,
It seems that this issue is caused by an extra plugin that you’ve activated on your website: BuddyPress Extended Friendship Request (https://wordpress.org/plugins/buddypress-extended-friendship-request/). This plugin is not compatible with Gwangi, and thus breaks the styles from the member swap page.
To fix this issue, you will need to edit the member page styles. Please navigate to “Appearance > Customize > Additional CSS” in your admin panel and copy/paste in the following code snippet:
/* Fix friend button size */ #members-index-swap #members-list .bp-card-list__item .card .action > div.friendship-button-ext { position: relative; z-index: 2; display: inline-block; } #members-index-swap #members-list .bp-card-list__item .card .action > div.friendship-button-ext > a { width: 75px; height: 75px; line-height: 75px; } #members-index-swap #members-list .bp-card-list__item .card .action > div.friendship-button-ext > a:before { font-size: 45px !important; } #members-index-swap #members-list .bp-card-list__item .card .action > div.friendship-button-ext > a:after { font-size: 30px !important; } #members-index-swap #members-list .bp-card-list__item .card .action .bp-featured-members-button { display: none !important; } #members-index-swap #members-list .bp-card-list__item .card .action .bp-featured-members-button { display: none !important; }
We hope this solve your issue.
Best regards,
August 29, 2018 at 14:59 #1881@themosaurus- 1 Topics
- 1675 Posts
You’re welcome! ?
Best,August 30, 2018 at 08:16 #1889 -
AuthorPosts
The topic ‘icon appearance in swap page’ is closed to new replies.