PenNews Boxes | PenciDesign Support

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

I'll leave it in the code as it's doing what I'm looking for.

Good news is, that I found my layout with padding the parallax and leave it as it is for now.

Regards,
Alexander

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

This is an error CSS code, please delete this line.

Regards,
PenciDesign.

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Why is that with a adding a "/" the border of the sidebar and the PenNews boxes distance of additional 20px is back, without not?

Regards,
Alexander

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Yes, for the homepage, but the sidebars of the page and posts still have no borders.

Thank you,
Alexander

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

About this case, please try to use this CSS code:

body:not(.home) .penci-block-vc {
    padding-left: 0;
    padding-right: 0;
}

Regards,
PenciDesign.

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Summary so far:

1. Problem: The PenNews boxes came with distance of 40px on the left side and 40px on the right side on posts. The standard distance of the left and right side of all posts are 20px.

Example: https://www.mouseclick.com/2022/03/02/penci-shortcut-testpage/

1. Suggestion:

.penci-block-vc {
    padding-left: 0;
    padding-right: 0;
}

This reduced the distance of the PenNews boxes on posts to 20px on the left and right side.

1. Problem solved.

2. Problem: With this code injected most of the PenNews boxes on the HOMEPAGE on the left and right side are reduced to 0xp on the right and left side.

https://www.mouseclick.com/

1. Suggestion:

.penci_gallery.penci-block-vc {
    padding-left: 0;
    padding-right: 0;
}

This had no additional effect. Problem 2. still persists.

Regards,
Alexander

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please modify the CSS code like this:

.penci_gallery.penci-block-vc {
    padding-left: 0;
    padding-right: 0;
}

Regards,
PenciDesign.

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Done.

Regards,
Alexander

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please publish this post, I'll check then send you a custom CSS code.

Regards,
PenciDesign.

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Now implemeting this to the https://www.mouseclick.com/?p=5355&preview=true is adjusting the PenNews Boxes accordingly.

Unfortunately this messes up the other boxes on the homepage.

Interesting to see that the Tag Cloud Box isn't affected even though no margins, borders or paddings are set.

Please advise.

Regards,
Alexander

AlexBepunkt replied

4 years ago

Customer Reply

Hello,

Yes, that's adjusting the PenNews boxes.

Thank you,
Alexander

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

.penci-block-vc {
    padding-left: 0;
    padding-right: 0;
}

Regards,
PenciDesign.

AlexBepunkt started the conversation

4 years ago

Conversation Start

Hello,

https://www.mouseclick.com/?p=5355&preview=true

The left margin and the right margin of the gallery, as well as the boxes within the post, has each a margin of 50px to the border. Whereas the copy has a left margin of 20px.

The custom width is set to "Full Width" resp. to "1400px".

Why are all the PenNews boxes are not aligned with the copy of the posts?

Please see the attached screenshot and/or click on the link.

Regards, Alexander