Das Problem hatte ich auch schon einmal ;-) in einem Sidebar Widget mit Slider.
Du hast schon fast die richtige Stelle gefunden! Auch der darüberliegende <p> - Tag hat ein margin-bottom: 20px; (wie alle <p> - Tags). Wenn der auch stört müsstest du diesen Block mit einer eigenen Class versehen und die Class mit einer eigenen CSS versehen.
Die Schwierigkeit bei diesem Wunsch ist, das Plugin verwendet in der dazugehörigen CSS-Datei schon !important (aus meiner bescheidenen Sicht, um die eigenen Styleregeln sicher gegen alle möglichen Versuche durchzusetzen).
Zitat
Zitat aus: [size=14]Wertigkeiten verändern mit der !important-Regel[/SIZE]
Die !important-Regel ist Teil des CSS-Standards und damit völlig legitim, einzusetzen. Allerdings muss man sich dem Einsatz klar vor Augen halten - es ist CSS-Design mit dem Holzhammer. Eine CSS-Angabe einmal mit einem ! important versehen, werden Sie von einer anderen Stelle aus, mit einer gut geschriebenen Cascade nicht mehr ansprechen können.
Wie habe ich das damals gelöst? Ich hatte den Slider in einem Sidebar-Widget, zeitlich begrenze eingesetzt - also kurzfristig für ein paar Wochen.
Ich habe die Datei ngg_basic_slideshow.css vorsichtshalber gesichert und geändert. Danach wieder hochgeladen und für meinen Zweck war das damit erledigt ;-) Beim nächsten Update vom Plugin war die Änderung wieder überschrieben ..... (aber der Slider für mich nicht mehr erforderlich).
Ich hatte auch Kontakt zum Pluginsupport, offensichtlich ein Wunsch eines einzelnen Anwenders ........
Ob das dauerhaft zu lösen geht - dazu müsste ein Wissender ggf, etwas schreiben ... für Plugins gibt es ja (noch) kein Child!