wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Tooltips cut off


Hannes
Posts: 49
Topic starter
(@hannes)
Eminent Member
Joined: 2 years ago

Hi,

I noticed that after the update the tooltips for pic upload and settings button are cut off by the container when the width falls below a certain value: 

tooltip bug

Do you have a fix for this?

Johannes

9 Replies
Asti
Posts: 4864
 Asti
Support
(@asti)
Support member
Joined: 5 years ago

Hi @hannes,

This is just a small CSS conflict with the theme or other plugins. We'll need some example URL to debug the conflict and provide a solution for you.

Hannes
Posts: 49
Topic starter
(@hannes)
Eminent Member
Joined: 2 years ago

Yeah, I thought it might be. Probably with the container that is added around the comments bits. My blog hasn't launched yet, so is not available publicly. Can I send you the login data?

Regards

Johannes

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Support member
Posts: 4864

 sure, @hannes,

send it to info[at]gvectors.com email address. Just leave the email subject here to allow us to easily find it.

Hannes
Posts: 49
Topic starter
(@hannes)
Eminent Member
Joined: 2 years ago

Okay, I send an email with the subject "Help with cut-off tooltips"

Johannes

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Support member
Posts: 4864

@hannes,

This CSS code should help you to solve the issue. 

#wpd-threads [wpd-tooltip]::after {
margin-left: 15px;
left: 89%;
}
Hannes
Posts: 49
Topic starter
(@hannes)
Eminent Member
Joined: 2 years ago

Thanks, the pic upload tooltip is still cut off though. 

Asti
Posts: 4864
 Asti
Support
(@asti)
Support member
Joined: 5 years ago
Posted by: @hannes

Thanks, the pic upload tooltip is still cut off though. 

Please leave a screenshot. 

Hannes
Posts: 49
Topic starter
(@hannes)
Eminent Member
Joined: 2 years ago
tooltip
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Support member
Posts: 4864

@hannes,

Remove the code provided in the previous post and use this one:

@media screen and (max-width: 600px){
.wpd-editor-buttons-right [wpd-tooltip]::after {
left: -75% !important;
}

#wpd-threads [wpd-tooltip]::after {
margin-left: 15px;
left: 89%;
}
}
Share: