Enfold Probleme mit Header Größe

Ohne Link zur Seite komme ich da auch nicht drauf!
Nicht jeder kennt das von dir benutzte Theme - und die, die es nicht kennen, werden es bestimmt nicht installieren, um diese Frage beantworten zu können.

#header_main_alternate {
z-index: 2;
background-color: #ffffff;
}

Aber pass auf: Enfold ist responsiv, kann also sein, dass es die Definition in unterschiedlichen media-queries mehrfach gibt :-).

.av-layout-grid-container {
width: 100%;
border-top-style: none;
border-top-width: 0px;
height: 20px;
}

Das heisst, dass Enfold sich auf Handys oder Rechner einstellen kann. Und viele Themes machen das mit media-queries, so dass nur die Klassen/Ids ausgeführt werden, die zur aktuellen Konfiguration des Besuchers passen (Bildschirmauflösung). Also sieh zu, ob es die Definition noch woanders gibt und pass es da auch an.

Du bist ja auch nicht mit unterschiedlichen Geräten drin. Suche einfach nach #header_main_alternate, ob es das mehrmals gibt.

Dein Problem mit dem Abstand könntest du wie folgt lösen:

#av-layout-grid-1 .flex_cell {
  padding: 0px;
}
.container .content,
.container .sidebar {
  padding-top: 20px;
}

wobei die Padding - Werte hier nur 'Vorschläge' sind. Musst du so einstellen, wie es dir am besten gefällt!

Klar... hast du doch gerade schon gemacht...

#header_main_alternate {
z-index: 2;
background-color: #ffffff;
}

musst nur das #ffffff (weiß) durch deine Wunschfarbe ersetzen.

Wie wäre es mit foglendem Effekt: Größe verändern bei Mouseover (hover)

.avia_partner_widget-3, .rounded:hover  {
    transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    -webkit-transform: scale(1.13);
}

Wieder einmal - in die zusätzlichen CSS!!

Ich sehe kein Bild daneben und weißt nicht, wovon Du redest ;-)