Skip to content
Public Ticket #7394

Padding and block alignment issue

Conversation thread

Penci Design replied

Staff Reply

Hi,

It seems that you use  about us block  and you only show it on mobile.

Please add  about us block to  sidebar right as screenshot http://prntscr.com/n12ise.

Best Regards,

PenciDesign

bart007 replied

Customer Reply

Almost! had to change it to this

.penci-grid_7 .penci-block_content__items{
    margin-left: -10px;
    margin-right: -10px;
}
.penci-grid_7 .penci-post-item{
    border-left-width: 10px;
    border-right-width: 10px;
}
but it works now! Thanks!!!

And since I'm here, I have another question:
In the same page, if I scroll to the end with the mouse wheel there's a little glitch just before the footer. It seems there's an empty area after the 2-column content. I could live with it but I was wondering if there is an easy fix. Cheers!

Penci Design replied

Staff Reply

Hi,

Please try with custom code

.penci-grid_7 .penci-block_content__items{
    margin-left: -10px;
    margin-left: -10px;
} .penci-grid_7 .penci-post-item{
    border-left-width: 10px solid transparent;
    border-right-width: 10px solid transparent;
}

You can try space to any space you want 

Best Regards,

PenciDesign

bart007 started the conversation

Conversation Start

Hello there,

First of all I am loving you theme, really! :)

I was trying to give a bit more padding to the image blocks in Penci Big Grid 7 but my css is messing up the other alignments. 

The block is the first one with the 3 big images www.tortaoragione.it

This is the code that I was using but was messing up the rest:

.penci-post-item:nth-child(1){
    padding-right:10px; }
.penci-post-item:nth-child(2){
    padding-left:5px;
    padding-right:5px;
}
.penci-post-item:nth-child(3){
    padding-left:10px;
}

Is there a way to keep the whole block aligned left and right and give more space in between the images?

Thank you!

Marco


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