Wie füge ich dem Zielhintergrund hinter einer bestimmten Textschicht in Squarespace ein benutzerdefiniertes CSS-Bild hinzu?

Question

Wir arbeiten an der Anpassung einer Website für unseren Kunden in Squarespace (damit sie diese selbst verwalten können).

Ich habe dem Hintergrund einer Textebene einen CSS-Stil hinzugefügt, der jedoch nicht angezeigt wird. Ich habe das Bild importiert, um es in Squarespace zu verwenden, und ich habe die URL.
Ich habe auch das Seitenelement überprüft und die ID gefunden, auf die ich zielen möchte.

Dies ist mein Code:

#yui_3_17_2_5_1465050472193_17704 { 
    background-image: url("http://static1.squarespace.com/static/55bed56ee4b04fdc6e0dd0d8/t/5752e43c22482e7d77f53e3b/1465050172750/Share+the+Love+Kids+Club.png") 
} 

Warum funktioniert das nicht das Bild füge ich erwarten?

Answer 1

In Squarespace, derzeit, jede ID beginnend mit "yui" kann/wird auf Seite aktualisieren. Dies liegt daran, dass solche IDs dynamisch generiert werden. Daher sollten Sie sich nicht darauf verlassen, dass sie in CSS oder Javascript verwendet werden.

Es ist jedoch zur Zeit, dass die Block-IDs akzeptiert (ID der beginnend mit „block-“ nicht ändern, solange der Block nicht entfernt wird, oder auf eine Weise bewegt, daß sie entfernt wird, verursacht (wie beispielsweise ein Ziehen Textblock direkt über/unter einem anderen Textblock)

Daher sollten Sie stattdessen die Block-ID des Blocks suchen, auf den die CSS-Regel angewendet werden soll.Wenn Sie mit noch größerer Spezifität zielen müssen, beginnen Sie mit dem Block ID dann hinzufügen Spezifität von dort. Zum Beispiel:

#block-yui_3_17_2_4_1443109442267_11866 { 
    background-image: url("http://static1.squarespace.com/static/55bed56ee4b04fdc6e0dd0d8/t/5752e43c22482e7d77f53e3b/1465050172750/Share+the+Love+Kids+Club.png") 
} 

Wenn thi s gibt Ihnen immer noch nicht genug, um das Problem zu lösen. Ziehen Sie in Betracht, einen Link zu der fraglichen Seite hinzuzufügen und anzugeben, welcher Block/Bereich auf der Seite, auf die Sie zielen möchten.

Weitere Informationen/Referenzen:

• https://answers.squarespace.com/questions/59297/how-do-i-discover-a-block-id.html
• https://answers.squarespace.com/questions/10450/which-ids-should-i-target-for-my-css.html