2017-03-21 6 views
0

Ich verwende das lyrische Thema auf WordPress. Es ist ein freies Thema von Gottaddy. Ich möchte, dass der Hauptteil die gesamte Breite der Seite einnimmt, also glaube ich, dass im Wesentlichen die body.site Ränder entfernt werden. Ich weiß, es gibt viele ähnliche Fragen zu verschiedenen Themen und ich habe die vorgeschlagenen Lösungen versucht, einschließlich:Kann Margins on Wordpress Theme nicht ändern

#main { 
    max-width:300% 
    width:1500px; 
    left:0px; 
    padding-left:0px; 
} 

body.site { 
    max-width:100%; 
    margin:0 auto; 
} 

#page { 
    max-width:100% 
    margin:0 auto; 
    padding-left:0; 
    left:0; 
} 

Die #main Styling arbeitete ein wenig. Ich konnte die Breite des Hauptteils wie gewünscht vergrößern, aber da die Ränder immer noch da waren, war es nicht zentriert. Keiner der Margin Stylings hat funktioniert. Ich habe die style.css des Themes so gut wie möglich durchgesehen. Es ist schwierig zu debuggen, da es mehr als 4000 Zeilen lang ist und da CSS eine Art Kettenstil verwendet, kann ich Suchvorgänge nicht gut ausnutzen, weil es viele Instanzen von 'Rand' und '.site' ect gibt.

Meine Frage: Welcher Code fehlt, um die Ränder auszurichten und sie zu beseitigen?

Hinweis: Ich denke, stackoverflow ist der am besten geeignete Ort, um zu konsultieren, auf diese Weise können mehr Benutzer sehen und lernen von diesem allzu häufigen Problem.

Update: Hier ist ein Screenshot von, als ich inspect Element am Rand angeklickt. Ich habe alles in #page Attribute sowie Site-Header-Wrapper versucht. Vielleicht wird jemand sehen etwas, was ich bin fehlt:

enter image description here

+0

Könnten Sie bitte etwas mehr ... wie HTML und andere zugehörige css teilen. Wenn man nur diese drei CSS-Blöcke betrachtet, ist es schwer zu verstehen. – uvishere

+0

Wenn Ihre Website online gehostet wird, können Sie ihre URL teilen, damit ich die Änderungen prüfen und vorschlagen kann. –

+0

Alle Dateien können im [this] (https://github.com/godaddy/wp-lyrical-theme) Repository gefunden werden. Lass mich wissen, ob ich noch etwas tun kann, um zu helfen. –

Antwort

1

versuchen Sie wichtig, um Ihre CSS!. Aber vor dem Hinzufügen versuchen, Element zu inspizieren und Stil für das genaue Ergebnis hinzuzufügen und versuchen Sie einen anderen Stil, der nicht unbedingt wichtig!

#main { 
     max-width:300% !important; 
     width:1500px !important; 
     left:0px !important; 
     padding-left:0px !important; 
    } 

    body.site { 
     max-width:100% !important; 
     margin:0 auto !important; 
    } 

    #page { 
     max-width:100% !important; 
     margin:0 auto !important; 
     padding-left:0 !important; 
     left:0 !important; 
    } 
+0

tolle Idee, aber die Marge ist immer noch da. Wie verblüffend –

+0

hast du versucht, ein inspect-Element zu machen? und irgendeinen Rand entfernen? – bxorcloud

+0

Ja, ich schaute auf das Element. Demnach hat der Rand eine 'id = Seite'. Aber selbst nachdem ich mich auf '# page' und seine Kindattribute konzentriert habe, kann ich es nicht verschwinden lassen. Ich habe einen Link zu einer Beispielwebsite bereitgestellt, erhalten Sie andere Ergebnisse als ich? –