Hi @Torah541,
It is still not working and now we can not inspect the site because it’s throwing an error (please see screencast below)
I can’t because ROWs CSS are generated based on how you configure the settings of the ROW. And it’s not site-wide, the settings are per ROW, it only has a default configuration if you choose not to touch those ROWs settings.
Please follow this article to learn how Sections, Rows, and Columns work.
That depends to you if the spacing of your ROW after removing the margin-top: 145px
is still considerable.
You see, the default top margin of ROWs are 0. But then you have this custom CSS that adds margin-top: 145px;
to all ROWs.
.x-container.max {
margin-top: 145px;
}
Imagine if you suddenly remove that margin-top: 145px;
now your ROWs will be closer, except those ROWs that has a margin: 0;
inline-styling to them.
I’m sure that custom CSS is affecting your ROWs site-wide, but some of your ROWs has margin: 0;
inline-styling to them so those are exempted.
This is where things gets complicated, because by default all ROWs has 0 top margin, but then a site-wide margin-top: 145px
for ROW is added, now your ROW has 145px top margin by default, but then you needed some ROWs to have 0 top margins so you added margin: 0;
inline-styling to ROWs.
Where you could have let the ROW to have the 0 top margin, and only adjust the ROW’s margin that you needed to via the margin options of the ROW.
I don’t see this issue on my end, try clearing your caching and optimizer plugins, and your browser cache as well.
Clear your web browser’s cache, cookies, and history
Thanks,