Hello,

Comparing

https://www.mouseclick.com

with

http://pennews.pencidesign.com/pennews-travel-news/

I noticed that there are borders around each block and the grid "Travel Tips" on the main page as well as on the sidebars. Adding padding of 20px to each side of block worked, but adding a padding the grid on each side was also adding padding to each side of each picture in the grid and changed their size therefore.

After further investigation I realized that this is setting the left and right margin for the main page and sidebars was set globally:

.penci-block-vc {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 0;
    overflow: hidden;
    position: relative;
}

Unfortunately adding this into the CSS on my site in the customizer didn't had any effect on the padding at all and I couldn't find a global parameter in the bakery nor in the customizer to do so.

Also I adjusting the border and margin in global and column settings but couldn't duplicate the Penci presentation.

Can you please have a look into it and guide me in the right direction?

Regards,
Alexander

Hello,

Exactly that!

Thank you,
Alexander