diff --git a/inst/rmarkdown/templates/posterdown_html/resources/template.html b/inst/rmarkdown/templates/posterdown_html/resources/template.html
index 1ece3ac..83d120b 100644
--- a/inst/rmarkdown/templates/posterdown_html/resources/template.html
+++ b/inst/rmarkdown/templates/posterdown_html/resources/template.html
@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml"$if(lang)$ lang="$lang$" xml:lang="$lang$"$endif$>
 <head>
 <meta charset="utf-8" />
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <meta name="generator" content="pandoc" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
@@ -38,7 +38,6 @@
 $endif$
 
 $if(highlighting-css)$<style type="text/css">$highlighting-css$</style>$endif$
-
 $for(css)$
 <link rel="stylesheet" href="$css$" $if(html5)$$else$type="text/css" $endif$/>
 $endfor$
@@ -57,7 +56,6 @@
 padding: 0;
 text-align: justify;
 font-family: $if(font_family)$$font_family$$else$Palatino$endif$;
-background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
 }
 .poster_wrap {
 width: $if(poster_width)$$poster_width$$else$45in$endif$;
@@ -107,7 +105,9 @@
 a:link {
 color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
 }
-
+.mybreak {
+  break-before: column;
+}
 /* visited link */
 a:visited {
 color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
@@ -141,6 +141,7 @@
 width: 100%;
 height: 100%;
 color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
+background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
 }
 .poster_title h1 {
 font-size: $if(title_textsize)$$title_textsize$$else$75pt$endif$;
@@ -153,6 +154,9 @@
 height: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.83);
 padding-top: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
 padding-bottom: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
+padding-left: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$;
+padding-right: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$;
+background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
 }
 .poster_title h3 {
 color: $if(author_textcol)$$author_textcol$$else$$if(secondary_colour)$$secondary_colour$$else$#ffffff$endif$$endif$;
@@ -196,23 +200,8 @@
 padding-left: 4mm;
 font-weight: normal;
 }
-.span h1 {
-text-align: center;
-color: #ffffff;
-font-size: 50pt;
-border: 2mm solid yellow;
-background-color: yellow;
-border-radius: 4mm 0mm;
-margin-top: 5mm;
-margin-bottom: 5mm;
-padding-top: 5mm;
-padding-bottom: 5mm;
-width: 100%
-}
 .span {
-background-color: red;
 width: 200%;
-position:relative;
 }
 /* center align leaflet map,
 from https://stackoverflow.com/questions/52112119/center-leaflet-in-a-rmarkdown-document */
@@ -256,7 +245,6 @@
 padding: 1.2mm;
 border-radius: 2mm;
 }
-
 .poster_title code {
 font-size: 1em;
 }
@@ -299,7 +287,6 @@
   width: 1em;
 }
 </style>
-
 </head>
 <body>
 
@@ -308,7 +295,6 @@
 $endfor$
 
 <div class="poster_wrap">
-
 <div class="title_container">
 <!-- Left Logo  -->
 <div class="logo_left">