Rows überlappen

Hallo zusammen

Ich habe folgendes Problem:
Ich habe ein Padding von je 100px oberhalb und unterhalb der Rows (Plugin Pagebuilder). Ich kriege das zwar weg mit gezielten Anpassungen im style.css des childthemes, doch dann stimmt die ganze Formatierung nicht mehr (der Inhalt rutscht zu weit nach oben in den Header rein). Wenn ich die Paddings jedoch drin lasse, überlappen mir die Rows, und ich kann keine Links mehr anklicken in den angrenzenden Rows, da sie von den anderen Rows überlagert werden.

Beispiel (Theme: Sydney // Plugins: siteorigin widgets bundle, WP-Cufon, Black Studio tinymce widget, Google maps easy, types):
http://wp.weyrauch.ch/bbb/

Hinzugefügter Code im Childtheme style.css:
div.panel-row-style {
padding: 10px 0px 10px !important;
}

--> Hier habe ich die 100er paddings entfernt, doch "section 1 content" ist nun in den Header gerutscht. Doch wenigstens ist der Link "Section 1" anklickbar.

Problem: Wenn ich die Paddings entferne, so rutschen mir die Rows zuweit zusammen. Wenn ich die Paddings lasse siehts zwar gut aus (rows sind richtig ausgerichtet), doch die Rows überlagern sich, und der content ist nicht anklickbar (links, buttons, forms, usw.).

Hat mir jemand einen (vielleicht auch ganz allgemeinen Tipp, wie ich Platzhalter einfügen kann, welche sich nicht überschneiden können?). Oder muss ich mit den margins arbeiten anstatt mit den Paddings? Wieso kommt es überhaupt dazu, dass sich unter und oberhalb der rows solche 100er paddings automatisch bilden (evtl. durch das pagebuilder plugin)? Ich weiss echt nicht mehr weiter und wäre sehr froh über eure Hilfe.

Vielen Dank erstmal, dass Du Dich meinem Problem angenommen hast.
1. Der Link funktioniert bei mir und bei zwei anderen Computern und Smartphones einwandfrei. Ich habe jedoch noch ein anderes Beispiel, welches das Problem veranschaulicht, generiert: http://wp.weyrauch.ch/aaa/ Ich hoffe, du kannst diese Seite aufrufen.

2. Ich bin ziemlich neu bei Wordpress. Mir wurde gesagt, dass es Probleme mit dem Inlinestyle meiner Website gibt (dass also das Padding (100px) im Inlinestyle geändert werden muss). Ich habe bereits mehrere Stunden mit Internetsuchen verbracht, doch leider bin ich nicht auf ein vergleichbares Problem bzw. Lösung dazu gestossen. Das einzige modifizierbare ist dann ja die style.css Datei, oder lieg ich da wieder komplett falsch? Ich will die Container so arrangieren, dass sie sich nicht überschneiden und dass die Abstände zwischen den Rows einigermassen passen, also nicht zu gross oder zu klein sind. Was wären denn die Alternativen zum Eingriff direkt per CSS (um die Container für die ganze Website auszurichten und die paddings/margins ansehnlich zu gestalten)?

(sorry für die dummen Fragen. Bin grad etwas verwirrt :/)

EDIT: http://wp.weyrauch.ch/stores/ --> hier sieht man auch gut, dass alle Container mit den Inhalten übereinandergestapelt werden

Hallo Tubedesigner
OMG.. Danke für deine Antwort! Ich finde das echt unglaublich nett, dass du mir hilfst.
-Die Sidebar kann man ausblenden lassen im Theme (ohne direkte CSS-Eingriffe): Design -> Anpassen -> BlogOptions -> BlogLayout (fullwidth nosidebar)
-Die Rows mittig auszurichten kann man ebenfalls direkt mit den Theme-Optionen vornehmen: Seiten -> (Seite auswählen) -> Zeile bearbeiten -> Theme -> Checkbox bei "Center align the content"

Ich habe damals einwenig im Main-Theme style.css rumexperimentiert bevor ich auf die Möglichkeit der Erstellung eines Child-Themes gestossen bin, um allfällige CSS-modifikationen vorzunehmen. Doch habe ich das Geänderte immer gleich zurückgeändert auf den default-Wert. Kann ich das Main-Theme irgendwie zurücksetzen lassen (oder neu installieren) ohne dass mir die Inhalte (Seiten, Plugins, Menus, usw.) gelöscht werden? Oder gibt es eine gute Pagebuilder-Alternative, um eine eventuell vorhandene Unverträglichkeit von Sydney und Pagebuilder ausschliessen zu können? (aber dabei gibt es wohl keine Möglichkeit, die bereits erstellten Inhalte einfach von Pagebuilder auf das neue Plugin übertragen zu lassen, was wiederum mit viel Aufwand verbunden wäre)

Ich habe den direkt ins Child-Theme style.css eingefügten CSS-Code...

div.panel-row-style {
padding: 10px 0px 10px 0px !important;
}

...nun wieder gelöscht. Aber nun sind natürlich die riesigen Abstände zwischen dem Header und dem Titel und zwischen den Zeilen wieder da, welche durch die viel zu grossen Paddings entstehen. Wenn ich diese Paddings nur irgendwie entfernen könnte, ohne dass die Zeilen wieder überlappen und in den Header reingedrückt würden, wäre ich am Ziel. (Die Paddings bei: Design -> Anpassen -> General hab ich bereits beide auf "0". In den Minus-Bereich kann man da leider nicht gehen.)

Ja. Bei Dir sieht das jetzt echt perfekt aus. Hmm, dann habe ich wohl bei dem Style.css vom Main-Theme etwas verändert, das man nicht verändern sollte. Könntest du mir einen Tipp geben, wie ich das Theme "resetten" oder "neu installieren" kann (eigentlich nur die style.css) ohne dass ich alle Daten verliere? Geht das ganz einfach über Design -> Themes und dann einfach Sydney löschen und neu installieren? Oder verlier ich dann alles?

Aber vorweg nochmal: Danke danke danke für Deine Hilfe!

Vielen Dank für die detaillierte Beschreibung. Habe das nun alles durchgeführt. Um sicher zu gehen, dass auch wirklich alles ersetzt wurde habe ich sogar beide Varianten einmal durchgeführt. Was mir aber sofort aufgefallen ist: die 100-er paddings oberhalb und unterhalb der Rows sind immer noch da (div.panel-row-style).

Wenn ich diese nun wieder per Child-Theme rauszunehmen versuche, schiebt es die rows teilweise sehr komisch zusammen.. Ich hab die paddings nun drin gelassen, damit mein Problem ersichtlich wird: die Abstände sind viel zu gross. Im Child-Theme-style.css habe ich auch nichts damit zusammenhängendes geändert:
/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

@import url("../sydney/style.css");

input.search-field {
padding: 0px;
height: 23px;
width: 100px;
}

input.search-submit {
padding: 1px 0px 0px 0px;
height: 24px;
width: 60px;
}

/** horizontale linie für Websiteunterteilung **/
.bl
{
padding: 8px;
border-left: 2px solid #f00;
}

Ich weiss echt nicht mehr weiter :/

BTW: ich arbeite mit "siteorigin widget bundle" und dem "pagebuilder by siteorigin". Die gemeinsame Verwendung wird aber auch nicht das Problem sein.

Ich habe nun alles so vorgenomen wie du es beschrieben hast. Leider sind die paddings immer noch da (beim "div.panel-row-style" sind die paddings wieder auf 100px). Muss ich evtl. ausschliesslich die spezifischen pagebuilder widgets verwenden? Wenn ich die Paddings per css zu entfernen versuche, schiebt es auf den Seiten mit mehr als einer Row wieder alles zusammen. Im Child-Theme-css habe ich übrigens nichts drin, was die Rows irgendwie betreffen könnte. Oder könnte evtl "cufon" ein Problem darstellen? Oder etwa, dass ich das siteorigin widget bundle UND das siteorigin Pagebuilder installiert habe? ich bin echt ratlos :/

Ich habe nun das cufon durch @font-face ersetzt. Dies hat ein paar andere nochvorhandene Probleme gelöst, doch nicht das mit den paddings. Ich hab dann mal den pagebuilder deaktiviert und einen anderen pagebuilder installiert (wr-pagebuilder). Und siehe da! Die paddings sind weg. Es lag also widererwartens an dem (offiziell vom theme als kompatibel bezeichneten pagebuilder von siteorigin).

Ich danke dir nochmals 1000 mal tubedesigner!
Langsam aber sicher seh ich hinter das ganze Wordpress-Konzept. :)

Liebe Grüsse
Simon

Für die, die es interessiert: Ich konnte das Problem einigermassen eliminieren. Beim Theme Sydney gibt es bei den Rows (pagebuilder von siteorigin) eine option in den Themeeinstellungen rechts namens "padding". Dort ist standardmässig keine Zahl eingetragen (ist aber nicht gleich null)! Also dort eine 0 eintragen (weil man leider ncht in den minusbereich gehen kann) und man hat das Optimum rausgeholt für dieses Theme.
Liebe Grüsse
Simon