Space above Table

I’ve pasted the site below:

The code appears to only adjust the bottom margin. I made it 10 just to exaggerate the space. The top margin still has more space between the text block and the table, relative the the spaces between the other elements. I am viewing this via Google Chrome. I did enlarge the header font from the default… perhaps this could affect the margin above the table? Below is the code I adjusted:

div .avia-table {
margin: 10px !important;
}

Thanks for the reply… however the issue is still the same. The code (both codes given to me) only affect the bottom margin. The space issue seems to occur when the table is placed below a text block element. I’ve moved elements around a few times. If the table is moved below an accordion element, for example, there isn’t a space issue. Could this point to something else? Thanks

Hi,
The space issue doesn’t appear because I moved the table below the accordion element. The space issue happens when it’s below a text block element. I have set up a second page and moved the table back into position showing the space issue. I created a second web page for demonstration purposes as I’m working on the other page elements. Please see the new link provided in the private data below. Thank you!

Hi,
Where can I find that code on the page (that you referred to)? I have the code showing at the bottom of the advanced editor. But, even in that code, I’m not able to see what you are seeing. If I can find this code, I can remove it.
Thanks

Hi,

In the Table Element, Table Options, Table Caption, this is all that is showing on my end:
<h3>Additional Service Areas Near Portland</h3>

When I view the table element with the code enabled, on the page, I see this:
[av_table purpose='tabular' pricing_table_design='avia_pricing_default' pricing_hidden_cells='' caption='<h3>Additional Service Areas Near Portland</h3>' responsive_styling='avia_responsive_table']

When I view my custom table settings in my editor child css, I have this:
table caption {
padding: 0 0 5px 0;
width: auto;
font-style:normal;
text-align: left;
font-size: 21px;
font-weight: bold;
color: #2c353d!important;
}
div .avia-table {
margin: 10px !important;
}

I can not find the line and paragraph breaks that you refer to above. Also, the table does not align with the rest of the elements on the page… it’s inset slightly. Everything else on the page aligns to the left. How also can I fix this issue?

Thanks!