White space above content

I have the exact code that is causing the issue but due to the column’s all having a different number associated with them am not sure the proper css to fix it.

I am using Ocean WP theme but don’t know if this is where the problem is or not.

Here is the code causing an issue:

.vc_custom_1574372894062 {
margin-top: 150px !important;
}

and
.vc_custom_1574372867751 {
margin-top: 150px !important;
}

I tried adding:

.vc_custom_1574372894062 {
margin-top: 30px !important;
}

.vc_custom_1574372867751 {
margin-top: 30px !important;
}
but it doesn’t work. I’m wondering if I’m missing a setting on the actual page or the theme settings but can’t find anything. For the column setting on the page, I added 20px but it didn’t override it. It seems there must be an area in the theme but I don’t know where.

I’m a former Joomla user for many years, so can someone clear up the difference between:

Appearance/custom css
vs
WP Bakery Page Builder/custom css

I am uncertain when to use each one but know that adding some custom css in the Appearnace/custom css area worked for me. Going forward, it would be nice to know when to do them or if I should do both in the event I change my theme later on.

Also can I use WP Bakery Page Builder and Elementor that can be used with Ocean WP on the same site but on different pages?
Thanks,
Charlie

The page I need help with: [log in to see the link]