O CSS nos permite a modificação dos espaçamentos, grossura e cor da fonte.
Passo 1
...
Para integrar os componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.
| Nota |
|---|
Antes de continuar, tenha certeza que as configurações do Google Analytics e do Google Tag Manager tenham sido finalizadas pelo Administrador. |
Neste artigo
| Índice | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Passo 1: Acessar o Help Center
Na barra superior do Confluence, clique na aba Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que inserir o script CSS
deseja adicionar os scripts
Passo 2: Adicionar os Scripts
Clique em no botão Edit theme
Clique em TemplatesClique em
Em Custom CSSCopie , copie e cole o código CSS abaixo e cole no campo disponível no Help Center
Clique em Save
Clique no X
Clique em Update site
Clique em Go live
abaixo:
| Bloco de código | ||
|---|---|---|
| ||
/* IMAGENS */ figure.vp-image img { border: none; } .expand-container { border-color: var(--vp-color-light-gray); border-radius: var(--vp-border-radius-small); border-style: solid; border-width: 1px; margin: 0.5rem 0; }@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-custom-style@current/custom-style.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.css"); |
Em Custom JavaScript, copie e cole o código abaixo:
| Bloco de código | ||
|---|---|---|
| ||
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.js")
.then(() => {
});
const pageUrlAddReleaseFeedback = document.URL.split("/");
if(pageUrlAddReleaseFeedback[4] === "release-notes"){
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.js")
.then(() => {
});
};
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-title.min.js")
.then(() => {
});
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-category.min.js")
.then(() => {
});
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-swagger@current/swagger.min.js")
.then(() => {
}); |
Clique no botão Save
Aguarde os ajustes serem finalizados e clique no botão ✖
Clique em Update site
Aguarde a atualização
Clique em Go live
...
Encontrou algum problema? Procure os administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva.
...