Olá Raoul,
A resposta curta para sua pergunta: você os coloca no seu arquivo css personalizado, que geralmente é colocado na pasta do repositório do seu aplicativo bi para depois poder vinculá-lo ao seu aplicativo bi e fazer com que ele utilize esse código css.
Primeira solução:
- Você tem 2 componentes de texto e encontrou os "ids" de seus divs pais no html gerado: no seu caso, o "Texto padrão (não texto emergente)" está associado ao id "__container0" e o "Texto emergente (exibido apenas quando o usuário passa o mouse sobre o Texto padrão)" está associado ao id "__container1"
- Crie um arquivo css personalizado com o nome, por exemplo: "custom.css". Você pode nomeá-lo como quiser, apenas certifique-se de que a extensão/tipo de arquivo seja .css e não .txt.
- Agora coloque as 2 definições de css neste arquivo css personalizado:
- Salve este arquivo na pasta do repositório do seu aplicativo bi (nota: o tipo de arquivo é Documento de Estilo em Cascata):
- Agora vincule este arquivo css ao seu aplicativo bi juntamente com a extensão do arquivo: custom.css:
- Salve seu aplicativo bi e execute-o (mostre-o no navegador). Para resolver problemas com o armazenamento em cache do arquivo css e não ver as alterações de css no seu navegador, leia isso: Como adicionar um arquivo de CSS personalizado?
Atenciosamente,
David
custom_css_file_in_repository_folder.png link_css_file_in_bi_app.png