Mengubah penampilan komponen web di SharePoint 2013 menggunakan CSS

Saya telah membangun situs di SharePoint dan sekarang ingin mengubah tampilan komponen web (pustaka dokumen) menggunakan CSS.

Setiap kali saya menambahkan kode CSS berikut:

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

... Saya menemukan bahwa jendela pratinjau di browser web saya menunjukkan perubahan telah terjadi.

Sayangnya, ketika saya menerapkan perubahan dan melihat halaman lagi, komponen web telah dikembalikan ke tampilan default.

Adakah yang tahu apa yang menyebabkan ini terjadi?

Apa yang mungkin terjadi adalah bahwa di mana pun Anda memuat CSS itu, sedang ditimpa oleh CSS standar.

Anda dapat mencoba menambahkan !importanttag ke akhir entri. Anda harus memeriksa kode menggunakan alat pengembang web di browser untuk memastikan bahwa CSS benar-benar dimuat dan tidak dijatuhkan oleh SharePoint dan mencari tahu apa yang mungkin mengambil preferensi untuk kode Anda. Menggunakan Firefox dengan addeb Firebug akan sangat membantu.

Beritahu kami:

• Bagian web apa yang ingin Anda ubah
• Bagaimana & di mana Anda memasukkan CSS
• Tata letak halaman dan halaman master apa yang Anda gunakan

Jenis Chrome Komponen Web Anda mungkin menjadi masalah. Anda akan dapat melihat perubahan pada mode edit, tetapi jika Jenis Chrome Anda disetel ke Default, Tidak Ada, atau Hanya Perbatasan, Anda tidak akan melihat judul di halaman yang sebenarnya.

Pada Judul Anda di halaman mode edit, pergi ke paling kanan, dan klik pada menu drop down. Klik Edit Komponen Web, dan pergi ke Penampilan. Di sana Anda harus menemukan pengaturan Jenis Chrome. Ini juga bisa dilakukan di SharePoint Designer.

Saya akan membuat penyimpanan file ".txt" di pustaka aset situs, dan panggil saja file teks ini di editor konten.

Mungkin karena Anda mencoba kode gaya EMBED, yang terhapus ketika Anda menyimpan halaman. Sebagai gantinya, gunakan CEWP dengan file .txt eksternal, atau Anda bisa menggunakan Komponen Web Editor Skrip dengan kode gaya.