Read before updating: How to Update Kunena Templates - More detail

Weird profile icons

C Topic Author
Junior Member Junior Member
  • Posts: 21
  • Thanks: 3

Weird profile icons

4 years 8 months ago - 4 years 8 months ago
#16147
Some of the profile icons are not displayed correctly. See attachment.
Instead of the two icons «Gender» and «Birthday» there are two weird looking icons.
And for some unknown reason, we have two different icons for the same function «Click here to send a private message to this user».

Can you help please?

Thank you and kind regards
Chris

Attachments:

Last edit: 4 years 8 months ago by ntstore.

Please Log in or Create an account to join the conversation.

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: Weird profile icons

4 years 8 months ago
#16148
Hi,

Please add below css rules to the custom.css file (/yoo_helios/styles/joomla/css/custom.css).
Code:
body #kunena.layout .kcontainer .private span::before { display: none; }

Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

C Topic Author
Junior Member Junior Member
  • Posts: 21
  • Thanks: 3

Re: Weird profile icons

4 years 8 months ago
#16150
Thank you. This has removed one of the two icons for the function «Click here to send a private message to this user». This is ok now.
But we still have the issue, that some of the profile icons are not displayed correctly. See attachment.

Instead of the two icons «Gender» and «Birthday» there are two weird looking icons.

Attachments:

Please Log in or Create an account to join the conversation.

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: Weird profile icons

4 years 8 months ago
#16155
Hi,

Help me add below css rules to the custom.css file to fix this issue.
Code:
#kunena.layout .kcontainer .gender .kicon-profile.kicon-profile-gender-male::before, #kunena.layout .kcontainer .birthdate::before { font-weight: 600; }

Save and reload your website to view change.

Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

C Topic Author
Junior Member Junior Member
  • Posts: 21
  • Thanks: 3

Re: Weird profile icons

4 years 8 months ago
#16157
Thank you. This CSS code has resolved the issue.
It remains a minor issue:
The «Gender» icon does not seem to be arranged perfectly.
It is some pixels too low.

But as I mentionned before: it is a minor issue.

Attachments:

Please Log in or Create an account to join the conversation.

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: Weird profile icons

4 years 8 months ago - 4 years 8 months ago
#16158
Hi,
Add the below css rules to make the icon more perfect.
Code:
#kunena.layout .kcontainer .gender .kicon-profile.kicon-profile-gender-male { margin-top: -3px; }

You can change the margin-top property to work perfectly.

Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
Last edit: 4 years 8 months ago by ntstore.

Please Log in or Create an account to join the conversation.

C Topic Author
Junior Member Junior Member
  • Posts: 21
  • Thanks: 3

Re: Weird profile icons

4 years 8 months ago
#16159
Hi

thank you so much. It is perfect now.
By the way: You had a missspelling in the syntax. Instead of «marign-top: -3px;» it should be «margin-top: -3px;».
At my first try, nothing changed at all, but then I saw the missspelling in the syntax.
Never mind ;-)

Thank you and kind regards
Chris
The following user(s) said Thank You: ntstore

Please Log in or Create an account to join the conversation.

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: Weird profile icons

4 years 8 months ago
#16160
Thank you Chris,

I edited my post. Hope you happy with our template.

Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

Time to create page: 0.413 seconds