Weird profile icons
Weird profile icons
4 years 8 months ago - 4 years 8 months ago
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
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
Last edit: 4 years 8 months ago by ntstore.
Please Log in or Create an account to join the conversation.
Re: Weird profile icons
4 years 8 months ago
Hi,
Please add below css rules to the custom.css file (/yoo_helios/styles/joomla/css/custom.css).
Best regards,
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
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
Re: Weird profile icons
4 years 8 months ago
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.
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.
Please Log in or Create an account to join the conversation.
Re: Weird profile icons
4 years 8 months ago
Hi,
Help me add below css rules to the custom.css file to fix this issue.
Save and reload your website to view change.
Best regards,
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
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
Re: Weird profile icons
4 years 8 months ago
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.
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.
Please Log in or Create an account to join the conversation.
Re: Weird profile icons
4 years 8 months ago - 4 years 8 months ago
Hi,
Add the below css rules to make the icon more perfect.
You can change the margin-top property to work perfectly.
Best regards,
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
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.
Re: Weird profile icons
4 years 8 months ago
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
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.
Re: Weird profile icons
4 years 8 months ago
Thank you Chris,
I edited my post. Hope you happy with our template.
Best regards,
I edited my post. Hope you happy with our template.
Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
Time to create page: 0.413 seconds