2016-08-12 2 views
0

Ich habe ein einzelnes Thema Wordpress erstellt, aber ich bin verwirrt mit CSS-Code, wo CSS-Regeln sollten die Anzeige ändern, um Menü und Bild Slider Revolution näher zu machen.WordPress - Reduzieren vertikalen Abstand zwischen Hauptmenü und Slider

Ich mag den Raum zwischen dem Hauptnavigationsmenü und meiner Revolution Schieber

meine Website Dies ist URL reduzieren: http://www.warungrempong.com/

Ich versuche, diesen CSS-Code zu verwenden:

.admin-bar .nav-container { 
    min-height: 0; 
} 

Aber es funktioniert nicht wie gewünscht und funktioniert nur, wenn ich es in meinen Browser-Dev-Tools verwende.
Wenn ich versuche, auf meiner Website zu ändern, passiert nichts.

Wie kann ich dieses Problem lösen?

Danke.

+0

Ihre Frage hat viele Probleme. Zuerst müssen Sie uns die relevanten Teile des Codes zeigen. Zweitens, ** nicht ** Link zu Ihrer Website - sobald das Problem behoben ist oder Ihre Website ändert/untergehen, hat diese Frage keinen Wert für zukünftige Besucher. –

+0

Willkommen bei Stack Overflow! Bitte gehen Sie durch die [Tour] (http://stackoverflow.com/tour), die [Hilfe-Center] (http://stackoverflow.com/help) und die [wie Sie eine gute Frage stellen] (http: // stackoverflow.com/help/how-to-ask), um zu sehen, wie diese Site funktioniert und um Ihnen zu helfen, Ihre aktuellen und zukünftigen Fragen zu verbessern, die Ihnen helfen können, bessere Antworten zu erhalten. –

+0

danke fyi, ich sollte die Tour zuerst nehmen, bevor Sie fragen –

Antwort

0

In der Datei style.css Ihrer aktiven Kind Thema (oder Thema), sollten Sie hinzufügen:

.nav-container { 
    min-height: inherit !important; 
} 

Wenn an der generierten Quellcode Ihrer Homepage suchen, scheint es, dass Ihr Thema ist einige CSS-Regeln in dem hTML-Dokument einbetten, wie Sie diese haben (auf der Leitung 41 des Quellcodes):

<style id='ebor-style-inline-css' type='text/css'> 
nav .pb80 { 
    padding-bottom: 0px; 
    padding-top:0px; 
} 
.pt120 { 
    padding-top: 0px; 
} 
.nav-container { /* ==========================> HERE ONE TIME */ 
    min-height: 0; 
} 
.logo { max-height: 300px; } 

.nav-container { /* ======================> HERE ANOTHER TIME 
      As this is the last instance, it get the priority on first one! */ 
    min-height: 491px; 
} 

.admin-bar .nav-container { 
    min-height: 523px; 
} 

@media all and (max-width: 767px){ 
    .nav-container { 
     min-height: 366px; 
    } 

    .admin-bar .nav-container { 
     min-height: 398px; 
    } 
} 

</style> 

kann also sind Sie dieses CCS-Regeln selbst in Ihrem Thema irgendwo hinzufügen haben Einstellungen. Die beste Sache, sollte sein, diese 2 sich wiederholenden CSS-Regeln zu entfernen, und Ihr Problem sollte ohne jede Notwendigkeit gelöst werden ...

+0

Dank mr.loic sparen Sie meine Arbeit und meinen Tag :)) –

Verwandte Themen