Alterando a aparência das partes da Web no SharePoint 2013 usando CSS

Question

Eu criei um site no SharePoint e agora gostaria de alterar a aparência de web parts (bibliotecas de documentos) usando CSS.

Sempre que adiciono o seguinte código 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>

... Eu acho que a janela preview no meu navegador mostra uma mudança.

Infelizmente,quandoeuaplicoasalteraçõesevejoapáginanovamente,awebpartreverteuparaaaparênciapadrão.

Alguém tem alguma ideia do que poderia estar causando isso?

    

Answer 1

O que provavelmente está acontecendo é que, onde quer que você esteja carregando esse CSS, ele está sendo substituído pelo CSS padrão.

Você pode tentar adicionar a tag !important ao final da entrada. Você deve verificar o código usando as ferramentas do desenvolvedor da web no navegador para certificar-se de que o CSS esteja realmente sendo carregado e não descartado pelo SharePoint e descubra o que pode estar recebendo preferência por seu código. Usar o Firefox com o suplemento do Firebug deve ajudar bastante.

Deixe-nos saber:

• Exatamente qual webpart você está tentando alterar
• Como e & onde você está inserindo o CSS
• Qual layout de página e página mestra você está usando

Answer 2

Seu tipo de Chrome de Web Part pode ser o problema. Você poderá ver as alterações no modo de edição, mas se o seu tipo de Chrome estiver definido como Padrão, Nenhum ou Somente borda, você não verá o título na página real.

Em seu título na página do modo de edição, vá para a direita e clique no menu suspenso. Clique em Editar Web Part e vá para Aparência. Lá você deve encontrar as configurações do tipo Chrome. Isso também pode ser feito no SharePoint Designer.

    

Answer 3

Eu criaria o repositório de arquivos ".txt" na biblioteca de ativos do site e apenas chamaria esse arquivo de texto no editor de conteúdo.

    

Answer 4

Provavelmente, você está tentando inserir o código de estilo EMBED, que é excluído quando você salva a página. Em vez disso, use um CEWP com um arquivo .txt externo ou use a Web Part do Editor de scripts com o código de estilo.