The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Forums
Community Support
How-to and Troubles...
Avatar icon misplac...
 
Notifications
Clear all

Issue [Solved] Avatar icon misplaced

  ✦ Summarize Topic
How-to and Troubleshooting
Last Post by jordanliles 2 years ago
8 Posts
3 Users
2 Reactions
5,703 Views
RSS
 hmijail
(@hmijail)
Posts: 5
Active Member
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 
[#7663]

The avatar icon that should be attached to the comment form appears instead in the top left corner of my pages. I can confirm that this stray icon disappears when I disable "display avatars" in wpDiscuz's "Comment Thread Features" settings page.

Also, inspecting this icon with Firefox' Web Dev tools, shows that its HTML is inside of a div class="wpd-avatar", which should appear just by the comment form.

This is for me as a registered user. The comment form is disabled for guests, so I created a test user named "wpdiscuz", with pw "wpdiscuz" so that it can be tested.

I'm new to Wordpress and to web development, my site is still in construction and I just started using wpDiscuz, so let me know if I can do anything more to help diagnose this. I can't think of any plugins or modifications that could cause anything like this.

 

Website URL
https://discoveringkizomba.com/danzon/

 
Posted : 28/09/2023 12:30 pm
Topic Tags
avatar icon misplaced
 Zackar
(@zackar)
Posts: 67
Trusted Member Support
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hi @hmijail

This is just a small CSS conflict with your theme.
Please put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

.comments-area img.avatar {
    position: relative !important;
}

 
Posted : 28/09/2023 3:12 pm
 hmijail
(@hmijail)
Posts: 5
Active Member
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@zackar Thank you, that worked. Is this a bug that I should report to the theme authors?


 
Posted : 28/09/2023 3:17 pm
 hmijail
(@hmijail)
Posts: 5
Active Member
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Also, I see that you wrote a comment; but its text has its avatar icon on top of it. Can you tell me how to fix that?


 
Posted : 28/09/2023 3:19 pm
 Zackar
(@zackar)
Posts: 67
Trusted Member Support
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

No, it's not a bug. It's just a CSS conflict. You don't need to contact the theme developer for this.


 
Posted : 28/09/2023 3:21 pm
 Zackar
(@zackar)
Posts: 67
Trusted Member Support
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@hmijail 

Change the CSS I gave you to this.

.comments-area img.avatar {
    position: relative !important;
    top: 0 !important;
}

 
Posted : 28/09/2023 3:28 pm
hmijail reacted
 hmijail
(@hmijail)
Posts: 5
Active Member
Topic starter
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@zackar Yes, that fixed it. Thank you!


 
Posted : 28/09/2023 4:05 pm
Zackar reacted
 jordanliles
(@jordanliles)
Posts: 1
New Member
Translate ▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@zackar

Thank you! I can't believe this fix in the comments worked. I was looking around thinking I was the only person with the same issue.


 
Posted : 31/05/2024 4:56 am
Forum Jump:
  Previous Topic
Next Topic  
Related Topics
Topic Tags:  avatar (77) , icon (33) , misplaced (1) ,
Share: