---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Definindo estilos de portal

# Definindo estilos de portal {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

As páginas são compostas de contêineres, colunas, linhas, widgets e instâncias de widget. Você pode configurar o CSS de cada componente ou usar o CSS definido no tema e identidade visual como definições globais para o portal. Se você não definir CSS no tema ou identidade visual, os padrões do Bootstrap serão usados.

Você pode definir CSS em seu portal em vários níveis.  

Padrões de inicialização

:   Se nenhum outro CSS for definido, todos os elementos usarão os padrões do Bootstrap versão 3.3.6. Você pode usar [Classes auxiliares de CSS de inicialização](https://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp)com qualquer Portal de serviçosCampo que aceita CSS como um valor. Para mostrar ou ocultar Portal de serviçosContêineres, use classes auxiliares de utilitários responsivos do Bootstrap CSS, como `lg visível `ou `md oculto `.

CSS do tema do editor de identidade visual/CSS do portal

:   CSS definido na guia Cores do tema do Editor de identidade visual. As mudanças feitas nas cores do tema no Editor de identidade visual aparecem no campo Variáveis CSS na tabela do portal \[sp_portal\]. A personalização das cores do tema substitui os padrões do Bootstrap.

CSS do tema

:   CSS definido no campo Variáveis CSS na tabela Temas \[sp_theme\]. Use o tema CSS o máximo possível para permitir uma evolução mais flexível do seu portal no futuro.

    O uso de um tema substitui as cores do tema do Editor de identidade visual/CSS do portal.

CSS da página

:   CSS definido no campo CSS específico da página na tabela Páginas \[sp_page\].

    O CSS específico da página substitui o CSS do tema.

Classes CSS

:   Você pode definir elementos de classes CSS na página em cada registro respectivo.

CSS do widget

:   CSS definido no campo CSS na tabela Widgets \[sp_widget\].

    O CSS do widget substitui o CSS do contêiner, coluna e linha.

CSS da instância do widget

:   CSS definido no campo CSS na tabela de instância \[sp_instance\].

O CSS da instância do widget substitui todas as outras definições de CSS.  
Nota:  
Em alguns casos, os estilos padrão de acessibilidade podem substituir o CSS definido para um portal.  
Figura 1. Hierarquia da aplicação de estilo no Portal de serviços
* **[Configure a identidade visual do portal](https://servicenow-prod.fluidtopics.net/1XLjBxsP3TBaSFyAlsyYig)**   
  Uso Editor da Identidade Visualpara dar ao seu portal sua própria aparência.
* **[Ative a identidade visual do tema de La Jolla](https://servicenow-prod.fluidtopics.net/55Dh9eBPHdH8fn0AX3mceg)**   
  Para se inscrever, ative a marca de La Jolla do portal de serviços ServiceNowMarca, que inclui conformidade com WCAG-AA para contraste. Este plug-in está ativo por padrão em novas instâncias, mas os administradores devem ativar o plug-in em instâncias atualizadas de versões anteriores.
* **[Crie um tema do portal](https://servicenow-prod.fluidtopics.net/Pj8KrCDbq7P76d4uYSS43A)**   
  Se você precisar de mais personalização do que o Editor de identidade visual pode fornecer, você pode criar seu próprio tema personalizado.
* **[Habilitar o redimensionamento de texto no portal](https://servicenow-prod.fluidtopics.net/ZEjEhSYILrxJqrN6qebkJA#enable-text-resize)**   
  Habilite o redimensionamento de texto para aumentar o tamanho do texto em até 200% por meio das configurações do navegador.
* **[Estilo para idiomas da direita para a esquerda em portais](https://servicenow-prod.fluidtopics.net/FscI0qyc6BVyCAckBoE9Ng)**   
  A localização de um portal para idiomas da direita para a esquerda requer um CSS que espelhe a direção das páginas do portal.