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.
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.
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.
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
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.
Hello,
Yes, that's adjusting the PenNews boxes.
Thank you,
Alexander
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
Hi,
Please publish this post, I'll check then send you a custom CSS code.
Regards,
PenciDesign.
Hello,
Done.
Regards,
Alexander
Hi,
Please modify the CSS code like this:
.penci_gallery.penci-block-vc {padding-left: 0;
padding-right: 0;
}
Regards,
PenciDesign.
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
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.
Hello,
Yes, for the homepage, but the sidebars of the page and posts still have no borders.
Thank you,
Alexander
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
Hi,
This is an error CSS code, please delete this line.
Regards,
PenciDesign.
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