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:
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
Wenn Ihre Website online gehostet wird, können Sie ihre URL teilen, damit ich die Änderungen prüfen und vorschlagen kann. –
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. –