Crie uma inclusão de CSS para substituir o tema Pesquisa com IA em Portal de serviços

Substituir tema para Pesquisa com IA em Portal de serviços para corresponder à identidade visual da sua empresa.

Antes de Iniciar

Função necessária: sp_admin ou administrador

Por Que e Quando Desempenhar Esta Tarefa

Como um exemplo de recursos de estilo de Pesquisa com IA em Portal de serviços este procedimento remove as bordas ao redor do filtros de pesquisa . Você pode estilizar vários outros recursos usando variáveis CSS adicionais. Para obter mais informações sobre essas variáveis, consulte Tema para Pesquisa com IA em Portal de serviços.

Filtros de pesquisa : Remova as bordas de linha ao redor dos filtros de pesquisa.

Procedimento

1. Crie um registro de folha de estilos.
   1. Insira sp_css.do No Navegador de filtros.
   2. No formulário, preencha os campos.

      Tabela 1. Formulário Folha de estilos

      Campo	Descrição
      Nome	Nome exclusivo para sua folha de estilos. Por exemplo, sp_ais.css.
      CSS	Campo do seu código CSS. Insira este código e personalize as variáveis. Para remover a borda do painel de filtros de pesquisa, cole este código e personalize conforme desejado. sn-search-facets { --now-color--divider-tertiary: 0px !important; }
      Aplicação	Aplicação à qual esta folha de estilos se aplica. Global significa que a folha de estilos se aplica a todas as aplicações.

   3. Selecione Enviar.
2. Crie um registro de inclusão de CSS.
   1. Insira sp_css_include.do no navegador de filtros.
   2. No formulário, preencha os campos.

      Tabela 2. Formulário de inclusão de CSS

      Campo	Descrição
      Nome	Nome exclusivo do registro de inclusão de CSS.
      Origem	Origem da inclusão de CSS. Selecione Folha de estilos .
      Folha de estilos	A folha de estilos que você deseja incorporar com este formulário de inclusão de CSS. Selecione a folha de estilos que você criou na etapa 1.
      Aplicação	Aplicação à qual este registro de inclusão de CSS se aplica. Global significa que a inclusão de CSS se aplica a todas as aplicações.
      Carregamento lento	Opção para carregar a inclusão CSS de forma assíncrona para melhorar o tempo de carregamento da página. Esta opção deve ser definida com o mesmo valor para todas as inclusões CSS de um tema. Habilitar o carregamento assíncrono somente para algumas inclusões CSS associadas a um tema não é recomendado. Nota: Habilitando Carregamento lento não é recomendado para portais com atualização de conteúdo sem estilo. O CSS inclui com Carregamento lento habilitados estão listados em Inclusões de CSS de carregamento lento lista relacionada no registro do tema.

3. Insira sua substituição de CSS no formulário de folhas de estilo e substitua o tema que é aplicado à sua IU.
   1. Insira m2m_sp_theme_css_include no navegador de filtros.
   2. No formulário, preencha os campos.

      Tabela 3. Formulário Planilhas de estilos

      Campo	Descrição
      Ordem	Um número inteiro que prioriza a incorporação desta folha de estilos em relação a outras folhas de estilos. Quanto menor o número, mais alto na lista. A prática típica é fazer esses números centenas, por exemplo, 100, 200, 300, e 400, para que você possa colocar novos ícones entre os existentes no futuro.
      Inclusão de CSS	Inclusão de CSS que inclui as substituições que você criou nas etapas anteriores.
      Aplicação	Aplicação à qual esta folha de estilos se aplica. Global significa que a folha de estilos se aplica a todas as aplicações.
      Tema	Tema aplicado à IU que você deseja substituir.

   3. Selecione Enviar.

Resultado

As bordas ao redor do os filtros de pesquisa são removidos .

• Tema para Pesquisa com IA em Portal de serviços
  Você pode personalizar a aparência do Pesquisa com IA experiência em Portal de serviços Atualizando as variáveis CSS relevantes.