AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

Inline Comment form is cut off

✦ Summarize Topic

Page 1 / 2 Next

Inline Commenting

Last Post by Asti 5 years ago

16 Posts

3 Users

0 Reactions

3,861 Views

RSS

Posts: 29

stanbrid

Topic starter

Translate ▼

Aug 18, 2020 12:42 am

(@stanbrid)

Eminent Member

Joined: 5 years ago

[#709]

Hello, my form for inline comments is cut off. Please help soon! We are on a time crunch. Were supposed to go live last night....

Topic Tags

inline comment alignment cut off

15 Replies

Posts: 29

stanbrid

Topic starter

Translate ▼

Aug 18, 2020 12:51 am

(@stanbrid)

Eminent Member

Joined: 5 years ago

Here is what I have under custom CSS:

.wpd-inline-shortcode.wpd-active {
color: #000000 !important;
}

.wpd-inline-shortcode {
color: #000000 !important;
}

#et-boc .et_builder_inner_content .et_pb_row:first-child {
z-index: 99999 !important; 
}

.comments-area {
width:auto !important;
}

Posts: 29

stanbrid

Topic starter

Translate ▼

Aug 18, 2020 12:55 am

(@stanbrid)

Eminent Member

Joined: 5 years ago

Here is a post that showing where the inline comment form is getting cut off: https://www.cindyjonesassociates.com/gift-shop-newsletter-aug-15-2020/

Thanks!

5 Replies

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8210

Aug 18, 2020 12:58 pm

Reply to

stanbrid

Translate ▼

@stanbrid,

The issue mostly comes from the active theme. However, we've found some workaround, try to use the CSS code below. It should solve the issue.

.single .blog-meta {
    display: none;
}
.wpd-inline-form-wrapper {
    margin-left: 36px;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

stanbrid

(@stanbrid)

Joined: 5 years ago

Eminent Member

Posts: 29

Aug 18, 2020 7:01 pm

Reply to

Asti

Translate ▼

@asti Unfortunately, that code did not work. It only expanded the width of the page content to full-width. Inline comment forms landing along the left column still get get cut off. 🤔

tussbaby

(@tussbaby)

Joined: 5 years ago

New Member

Posts: 2

Sep 03, 2020 3:05 am

Reply to

Asti

Translate ▼

@asti This code solved my same problem perfectly. Thanks!

tussbaby

(@tussbaby)

Joined: 5 years ago

New Member

Posts: 2

Sep 03, 2020 3:41 am

Reply to

tussbaby

Translate ▼

But now my smartphone view is cut off a bit on the right. Could be my theme, but your code worked great on desktop view. Any thoughts? Also, my inline comment box has a light backgrnd with a light font that you can't really see for name and email. Which css file should I dig into? Thanks!

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8210

Sep 03, 2020 11:44 am

Reply to

tussbaby

Translate ▼

@tussbaby,

Please open a separate support topic and leave some example URL to allow us to check the issue.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 29

stanbrid

Topic starter

Translate ▼

Aug 18, 2020 10:38 pm

(@stanbrid)

Eminent Member

Joined: 5 years ago

My problem appears to be similar to this forum question, so I had added the CSS provided in the answer.

#et-boc .et_builder_inner_content .et_pb_row:first-child {
z-index: 99999 !important; 
}

Still not working, though. : /

Posts: 8210

Asti

Support

Translate ▼

Aug 19, 2020 1:06 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Posted by: @stanbrid

My problem appears to be similar to this forum question, so I had added the CSS provided in the answer.
#et-boc .et_builder_inner_content .et_pb_row:first-child {
z-index: 99999 !important; 
}
Still not working, though. : /

This issue doesn't have any relation to yours. Besides the CSS selectors are also different. Please remove that code it doesn't help you.

Unfortunately, that code did not work. It only expanded the width of the page content to full-width. Inline comment forms landing along the left column still get get cut off.

Please watch the video I've recorded: https://www.screencast.com/t/07HLvJ1KEbn

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

1 Reply

stanbrid

(@stanbrid)

Joined: 5 years ago

Eminent Member

Posts: 29

Aug 19, 2020 6:22 pm

Reply to

Asti

Translate ▼

@asti That made the page full-width, which is fine. But, now cuts off on left column. : /

Posts: 29

stanbrid

Topic starter

Translate ▼

Oct 28, 2020 10:34 pm

(@stanbrid)

Eminent Member

Joined: 5 years ago

Hello, any update on a solution for this. Thanks!

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8210

Oct 29, 2020 12:40 pm

Reply to

stanbrid

Translate ▼

@stanbrid,

I may suggest you change the width of the Inline commenting box:

.wpd-inline-form-wrapper {
   width: 342px;
}

The CSS code above should help you to solve the issue.

The red marked value can be changed as you like.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 29

stanbrid

Topic starter

Translate ▼

Oct 29, 2020 11:16 pm

(@stanbrid)

Eminent Member

Joined: 5 years ago

This did not fix it. Only made the box bigger. It's still disappearing under the left side column. Cut off and Not visible. With my limited knowledge, seems like the Z-index or something isn't working.