After reducing the padding and margins around my image blocks through coding, I am still left with a horizontal white spacing between some lines. These spaces show up even more when the page is viewed on a mobile, they seems to appear when images that I have placed in a row on my desktop get broken up and presented below one another on mobile.
In the attached image its the thicker spacing. My template is Nueva.
This is the page's custom coding:
margin-left: -15px !important;
margin-right: -15px !important;
margin-top: -15px !important;
margin-bottom: -15px !important;
I have no idea what this spacing is or how to remove it and I have spent so long trying to work it out! Please help !