Изменение внешнего вида веб-частей в SharePoint 2013 с помощью CSS

18660
Austin ''Danger'' Powers

Я создал сайт в SharePoint и теперь хотел бы изменить внешний вид веб-частей (библиотек документов) с помощью CSS.

Всякий раз, когда я добавляю следующий код CSS:

<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>

... Я обнаружил, что окно предварительного просмотра в моем веб-браузере показывает, что произошли изменения. enter image description here

К сожалению, когда я применяю изменения и снова просматриваю страницу, веб-часть возвращается к виду по умолчанию.

enter image description here

У кого-нибудь есть идеи, что может быть причиной этого?

1
Попробуйте использовать дизайнер SharePoint :) Samuel Nicholson 9 лет назад 1

4 ответа на вопрос

0
Julian Knight

Вероятно, происходит то, что где бы вы ни загружали этот CSS, он переопределяется стандартным CSS.

Вы можете попробовать добавить !importantтег в конец записи. Вы должны проверить код с помощью инструментов веб-разработчика в браузере, чтобы убедиться, что CSS на самом деле загружается, а не удаляется SharePoint, и выяснить, что может иметь преимущество перед вашим кодом. Использование Firefox с надстройкой Firebug должно сильно помочь.

Дайте нам знать:

  • Какую веб-часть вы пытаетесь изменить
  • Как и где вы вставляете CSS
  • Какой макет страницы и мастер-страницу вы используете
0
Adrian Garcia

Your Web Part Chrome Type might be the problem. You will be able to see changes on edit mode, but if your Chrome Type is set to Default, None, or Border Only, you will not see the title on the actual page.

On your Title on the edit mode page, go to the far right, and click on the drop down menu. Click on Edit Web Part, and go to Appearance. There you should find the Chrome Type settings. This can also be done in SharePoint Designer.

0
user593713

I would create ".txt" file store in site assets library, and just call out this text file in content editor.

Почему вы используете этот подход? Какая польза от других методов? В настоящее время этот ответ больше подходит для комментариев. Burgi 7 лет назад 1
0
Jill

Вероятно, это потому, что вы пытаетесь внедрить код стиля, который удаляется при сохранении страницы. Вместо этого используйте CEWP с внешним файлом .txt или веб-часть «Редактор сценариев» с кодом стиля.

Похожие вопросы