Skip to content
Public Ticket #20101

Post Length Adjustment

Conversation thread

AlexBepunkt replied

Customer Reply

Hello,

Thanks for the effort!

Regards,
Alexander

PenciDesign Supporter replied

Staff Reply

Hi,

About this design issue, we'll improve it in the future theme update.

Regards,
PenciDesign.


PenciDesign Supporter replied

Staff Reply

Hi,

I've fixed this issue by adding some CSS code to Appearance → Customize → Additional CSS.

Please check.

Regards,
PenciDesign.


AlexBepunkt replied

Customer Reply

Hello,

It's an issue with the design. The "Two Sidebar" design works:

https://www.mouseclick.com/2018/05/15/das-haus-am-strand-abschied/

whereas the "One Sidebar" design doesn't:

https://www.mouseclick.com/2022/02/23/suedafrika-das-haus-am-strand-verkauft/

Both pages have the same widgets and the same content.

but when scrolling them up and down the design on the "One Sidebar" design will have a gap (see screenshot_28) at the sidebar to the content and when srolling design "Two Sidebars" up both sidebards end up in line with the middle (see screenshot_27).

The previous CSS suggestions are not solving this issue.

I hope to demonstrate the issue quite better now.

Regards,
Alexander

PenciDesign Supporter replied

Staff Reply

Hi,

Do you mean equal height of the main content  & sidebar content? Unfortunately, the current version of PenNews doesn't support this feature and there is no way to do that.

Regards,
PenciDesign.


AlexBepunkt replied

Customer Reply

Hello,

That's not exactly what I'm talking about.

As you can see in the screenshot, extending below the the navigation is not solving the issue that the base line of the post and sidebar is not equal.

The situation here is, that the sidebar is longer than post. While moving the post content up together with the sidebar at a certain point the sidebar ends scrolling up as it is shorter than the post content. All good so far. When the end of the post is reached and moving the page further up the sidebar catches up at the bottom line with the content and both scroll up. Unfortunately not at the same hight.

Tweaking the bottom of the nav bar didn't solve the issue as the sidebar simply gets longer as well.

Regards,
Alexander

BTW: The other way around has the same problem: post longer than the sidebar: I created a sidebar longer than the content on the page to illustrate the issue.

https://www.mouseclick.com/2018/05/15/das-haus-am-strand-abschied/

The min-height is set to 150px to demonstrate better that this is not the issue, as the gap is still the same (around 10px).

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

.penci-post-pagination .prev-post,
.penci-post-pagination .next-post  {
    min-height: 80px;
}

Change 80px to the min-height you want to display.

Regards,
PenciDesign.



AlexBepunkt replied

Customer Reply

Hello,

This helped to remove the fine border at to bottom of the post.

Still there is a difference in length remaining?

Regards,
Alexander

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

.penci-post-pagination {
    border-bottom: 0;
    padding-bottom: 0;
}

Regards,
PenciDesign.



AlexBepunkt started the conversation

Conversation Start

Hello,

It seems that the post have an issue with "Hide Next/Prev Post Navigation". There seems to be a fine border that come with this option on the bottom but can't be removed. In case the navigation is the bottom element on the page the line is obsolete.

It also seems that this is a problem with the length adjustment relatively to the sidebars. The post seems to be a little to short compared to where the sidebars end.

Please have a look at the attached screenshot.

How to remove the bar and set the adjustment right?

Regards,
Alexander

Want to join this conversation or access attachments? Sign in first.