Replies: 2 comments 14 replies
-
|
Take a look at the partials, see https://quarto.org/docs/journals/templates.html#html-partials. |
Beta Was this translation helpful? Give feedback.
-
|
I'm unable to garner any helpful info from that... 🫤 |
Beta Was this translation helpful? Give feedback.
-
|
Open the template.html file, add for example: |
Beta Was this translation helpful? Give feedback.
-
|
That worked! But how do I include an HTML file instead? |
Beta Was this translation helpful? Give feedback.
-
|
Can you share more about what you are doing and in which context ? Single document ? Website ? This is a really simple example and the after-body is after the ---
format:
html:
include-after-body:
text: |
<p>dummy</p>
---
Content<div id="quarto-content" class="page-columns page-rows-contents page-layout-article">
<!-- removed all in between for posting here on GH -->
</div> <!-- /content -->
<p>dummy</p>
</body></html> |
Beta Was this translation helpful? Give feedback.
-
|
No, I want the top border to be an image, not a solid color. |
Beta Was this translation helpful? Give feedback.
-
|
Oh I see - you want a banner ? An image on top of the page-footer ? |
Beta Was this translation helpful? Give feedback.
-
|
I would say in that case you can probably add an image in the However you probably need to have some CSS tricks, and or JS tricks to make this works. It is not yet possible to tweak the default body enveloppe used for website using partials or a custom formats. @dragonstyle do you see any way to place an image on wide format in the footer above text content ? |
Beta Was this translation helpful? Give feedback.
-
|
Yes, I want a banner-like image over the whole footer. |
Beta Was this translation helpful? Give feedback.
-
|
You can use CSS to add background image for the footer. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Description
Hi again, Quarto wizards!
I noted quite a peculiar observation: Quarto docs say that the
include-after-bodywill embed the contents of the mentioned file "before the</body>tag in HTML". However, this is not quite correct, for the included HTML is still wrapped inside the all-encompassing<div id="quarto-content" ...>. This is unexpected for me, for I want the immediate parent of the embedded HTML to be<body>. (The#quarto-contentdiv also makes the HTML to be contained in a grid, which is unwanted by me.)How can I achieve this?
Context: This popped up while I was trying to create a custom footer (in a separate HTML file to be later
include-after-bodyed) as opposed to what is rendered bypage-footeroption. The#quarto-contentdiv makes my HTML included in a grid, thus making it impossible to have the full viewport width, which is intended for the footer.Interestingly, the
page-footerdoes circumvent the above problem by rendering its contents outside of the#quarto-contentdiv, as desired.Beta Was this translation helpful? Give feedback.
All reactions