Ändern des Erscheinungsbilds von Webparts in SharePoint 2013 mithilfe von CSS

18785
Austin ''Danger'' Powers

Ich habe eine Website in SharePoint erstellt und möchte jetzt das Erscheinungsbild von Webparts (Dokumentbibliotheken) mithilfe von CSS ändern.

Wann immer ich den folgenden CSS-Code hinzufüge:

<style type="text/css"> .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a { background-color: darkblue;  font-size: 18px;  font-weight: bold;  color: white; padding: 5px 5px;} </style> 

... Ich finde, dass das Vorschaufenster in meinem Webbrowser zeigt, dass eine Änderung stattgefunden hat. Ändern des Erscheinungsbilds von Webparts in SharePoint 2013 mithilfe von CSS

Wenn ich die Änderungen anwende und die Seite erneut sehe, ist der Webpart leider auf das Standardaussehen zurückgesetzt.

Ändern des Erscheinungsbilds von Webparts in SharePoint 2013 mithilfe von CSS

Hat jemand eine Idee, was dazu führen könnte?

1
Versuchen Sie es mit dem SharePoint Designer :) Samuel Nicholson vor 9 Jahren 1

4 Antworten auf die Frage

0
Julian Knight

Wahrscheinlich wird passieren, dass das CSS, wo auch immer Sie es laden, vom Standard-CSS überschrieben wird.

Sie können versuchen, das !importantTag am Ende des Eintrags hinzuzufügen . Sie sollten den Code mithilfe von Webentwicklertools im Browser auschecken, um sicherzustellen, dass das CSS tatsächlich geladen wird und nicht von SharePoint gelöscht wird. Außerdem können Sie herausfinden, welche Einstellungen Ihren Code bevorzugen. Die Verwendung von Firefox mit dem Firebug-Add-In sollte sehr hilfreich sein.

Lass uns wissen:

  • Genau, welchen Webpart Sie ändern möchten
  • Wie und wo Sie das CSS einfügen
  • Welches Seitenlayout und welche Masterseite verwenden Sie
0
Adrian Garcia

Ihr Webpart-Chrome-Typ könnte das Problem sein. Im Bearbeitungsmodus werden Änderungen angezeigt. Wenn für Ihren Chrome-Typ "Standard", "Keine" oder "Nur Rand" festgelegt ist, wird der Titel auf der tatsächlichen Seite nicht angezeigt.

Gehen Sie auf der Bearbeitungsmodus-Seite Ihres Titels ganz nach rechts und klicken Sie auf das Dropdown-Menü. Klicken Sie auf Webpart bearbeiten, und wechseln Sie zu Aussehen. Dort sollten Sie die Chrome Type-Einstellungen finden. Dies kann auch in SharePoint Designer erfolgen.

0
user593713

Ich würde ".txt" -Dateispeicher in der Site-Asset-Bibliothek erstellen und diese Textdatei einfach im Inhalts-Editor aufrufen.

Warum sollten Sie diesen Ansatz verwenden? Welchen Nutzen hat es gegenüber anderen Methoden? Derzeit ist diese Antwort eher als Kommentar geeignet. Burgi vor 8 Jahren 1
0
Jill

Dies liegt wahrscheinlich daran, dass Sie EMBED-Code verwenden, der beim Speichern der Seite gelöscht wird. Verwenden Sie stattdessen ein CEWP mit einer externen TXT-Datei, oder Sie können das Skripteditor-Webpart mit Formatcode verwenden.