All of my sections are only vertically centered in edit, and would move closer to the top when not in edit mode.

Site URL: https://tgtfresh.com/

Recently, I became aware of the fact that all of my sections are only vertically centered in edit, and would move closer to the top when not in edit mode.

I manually centered some of them by css padding, but, I still can't find the reason behind this. Could this be a result of one of my earlier code injections?

(This problem exists universally throughout the site, I'm currently using css padding to make them appear centered)

Thanks!

Which page in screenshot? I don't see problem on homepage

3 hours ago, tuanphan said:

Which page in screenshot? I don't see problem on homepage

Hi, I removed the section in the picture, but the problem exists in every page on the site, I've added padding to their tops to make them appear centered.

A couple of examples after I removed the padding top in css:

On 9/25/2021 at 11:49 AM, L1NST3R said:

Hi, I removed the section in the picture, but the problem exists in every page on the site, I've added padding to their tops to make them appear centered.

A couple of examples after I removed the padding top in css:

Hi,

If you share link to a page where you have problem, we can check easier

On 9/27/2021 at 11:07 AM, tuanphan said:

Hi,

If you share link to a page where you have problem, we can check easier

Hi, sorry for the late response, since the problem occurs site-wide, I added another page with an image without adding padding in css. The link is: https://www.tgtfresh.com/alignment-issues

thanks!

On 10/10/2021 at 4:28 PM, tuanphan said:

Try adding to Design > Custom CSS

.image-block {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

 

It worked! Thanks!