Resize menu and footer in Monument Theme

Hello

I want to remove the white bar at the top of my home page. I tried looking at the CSS/HTML code with google chrome and found the the code but could not use previous examples to remove the white space. This next code worked for the footer but not the action bar or very top bar.
.palette-primary .site-footer { background-color: #0000 }

at the bottom my site contact information I see where padding is in chrome but not how to remove it with a css code. widget_black_studio_tinymce widget well
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

Please let me know what to look for or how to identify the code to remove the white box at the top and alter the footer box with my text in it.
Thanks Barry

Hello Jesse

Thank you for the email. While I was looking around in the boldgrid documents I came across edits to the config.php file. I looked in the config.php file as described in your documents for social icon size. I tried to increase the size of the Facebook icon from large to 4X. Now I can not login as admin through WordPress. I still have FTP access. I tried to upload the original unmodified config.php back to the monument theme but it did not help. Any ideas how to login to WordPress now?

I will try your css code when I get access again. Unfortunately I do not have a backup of this theme as I was still working on it. I can start over but that is not my preference, plus I may need admin rights as it was a backup from within WordPress

Barry