Início / coding / Perguntas / 79030511
Accepted
Quinten
Asked: 2024-09-27 16:29:49 +0800 CST

Alterar largura do bloco de chamada no painel do Quarto

  • 772

Gostaria de criar um painel do Quarto onde meu bloco de chamada tem uma largura diferente da página. Agora ele usa a largura total da página, o que não é o que eu quero. Aqui está um código reproduzível:

---
title: "Test"
format: dashboard
---

# Test

<h1>This is an example!</h1> 

I'm trying to change the width of my callout-block below!

::: {.callout-note}
Note that there are five types of callouts, including:
`note`, `warning`, `important`, `tip`, and `caution`.
:::

Saída:

insira a descrição da imagem aqui

Como você pode ver, ele usa a largura total do painel. Mas eu gostaria de usar apenas 30% da largura, por exemplo. Tentei usar algum css como descrito aqui , mas não está funcionando para mim. Então, eu queria saber se alguém sabe como alterar a largura deste bloco de chamada em um painel do Quarto?

1 respostas

  1. Best Answer

    Você pode usar !importantpara garantir que o atributo de estilo substitua quaisquer outros atributos definidos em outro lugar:

    Um arquivo

    ---
title: "Test"
format: dashboard
---

# Test

<style>
.narrow {
    width: 30% !important;
}
</style>

<h1>This is an example!</h1> 

I'm trying to change the width of my callout-block below!

::: {.callout-note .narrow}
Note that there are five types of callouts, including:
`note`, `warning`, `important`, `tip`, and `caution`.
:::

    Arquivos separados

    Se você preferir arquivos separados. Aqui você pode ter dashboard.qmd:

    ---
title: "Test"
format: 
    dashboard:
        css: styles.css
---

# Test

<h1>This is an example!</h1> 

I'm trying to change the width of my callout-block below!

::: {.callout-note .narrow}
Note that there are five types of callouts, including:
`note`, `warning`, `important`, `tip`, and `caution`.
:::

    Então styles.css:

    .narrow {
    width: 30% !important;
}

    página com caixa de chamada estreita

    • 1

relate perguntas