Ändern div Größe ohne Zugriff auf HTML

Question

Ich versuche, einige Hintergrund auf einer Seite zu bearbeiten. Ich habe keinen Zugriff auf die HTML-Datei, nur .css und .js. Die Seite hat ein Standardthema, das den Hintergrund auf dem gesamten Bildschirm (unten) wegen der Struktur nicht erweitert. Ich habe es geschafft, den Standardhintergrund .png mit einem animierten Farbverlauf durch css zu tauschen, aber jetzt muss ich das div ändern. Versucht mit der @import-URL ganz oben in der CSS-Datei, um ein externes CSS aufzurufen, aber es wird nicht funktionieren. Gibt es Möglichkeiten, die HTML-Struktur zu überschreiben? danke

• Vergessen Sie zu sagen, dass ich keinen Zugang zu den Standardschablonen css entweder habe. Der Dienst hält alles auf dem Server und sobald ich die Vorlage im lokalen Ordner installiert habe (die ganze Sache funktioniert mit Dropbox) habe ich eine zusätzliche .css und .js gefunden, in der ich anderen Code hinzufügen kann, obwohl sie im Grunde leer sind. Was ich tun muss, ist die Div-Struktur der Vorlage aus einer dieser 2 Dateien zu überschreiben. Mit DevTools habe ich den Namen der Template-Div-Klasse gefunden und ich denke, ich kann die relative .css herunterladen. Immer noch nicht wissen, wie man es übersteuert ... Ich bin nicht mit Codierung im Allgemeinen zu vertraut ...

Answer 1

Nicht klar mit was Sie versuchen zu tun. Sie können jedoch immer Javascript DOM-Manipulationsfunktionen verwenden.

Überprüfen Sie diesen Link dafür: http://callmenick.com/post/basics-javascript-dom-manipulation.

Sie können auch jquery verwenden, die eine bessere API bietet.

Answer 2

Wenn es in einiger Klassendefinition oder in einer Stylesheet-Datei ist dann Selektor mit hohen Specificity verwenden Ihre Definition auf hohe Priorität

.oldclass{ 
 
    width:328px; 
 
    height:328px; 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328'); 
 
}

<div class="oldclass"> 
 
</div>

zu erhalten, wenn es in Inline-Stil ist, dann verwenden !important Tag

.oldclass{ 
 
    width:328px; 
 
    height:328px 
 
} 
 
/*Your New definition*/ 
 
div.oldclass{ 
 
    background-image:url('http://via.placeholder.com/328x328') !important; 
 
}

<div class="oldclass" style="background-image:url('https://www.gravatar.com/avatar/fca24c2acab4d63343d4608ce256dcec?s=328&d=identicon&r=PG&f=1');"> 
 
</div>