css - Override rmarkdown theme in order to change html page width

Question

I'm trying to widen the output of rmarkdown to html. I've been trying this solution with no success (although I'm using the cerulean theme, that should be responsive according to comments). Also tried adding a css element as described here - no effect.

How can I make this work?

Answer 1

Add these style definitions directly to your RMarkdown document:

<style>
.main-container {
    width: 100%;
    max-width: unset;
}
</style>

Alternatively you can put the style definitions in an external file like styles.css which you link to by setting the appropriate options in the YAML header as described here:

 ---
 output:
   html_document:
     css: styles.css
 ---

Both options work for me.