diff --git a/NEWS.md b/NEWS.md
index 4176e25..5c69a4f 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,4 +1,5 @@
 # argonR 0.2.0.9000
+- add offset arg to `argonColumn()`
 - Add btn_text argument to `argonCard()`
 - Fix #1: headroom.js and add the corresponding argument to `argonNavbar()`
 - Fix #7 introduced with #4
diff --git a/R/argonColumn.R b/R/argonColumn.R
index c13c6c8..9c070af 100644
--- a/R/argonColumn.R
+++ b/R/argonColumn.R
@@ -5,6 +5,7 @@
 #' @param ... Any UI element.
 #' @param width Optional. Column width between 1 and 12.
 #' @param center Whether to center column elements or not. FALSE by default.
+#' @param offset Column offset. NULL by default. Importantly, offset + width cannot exceed 12!
 #' 
 #' @examples 
 #' if (interactive()) {
@@ -24,10 +25,10 @@
 #' @author David Granjon, \email{dgranjon@@ymail.com}
 #'
 #' @export
-argonColumn <- function(..., width = NULL, center = FALSE) {
-  
-  colCl <- if(!is.null(width)) paste0("col-sm-", width) else "col-sm"
+argonColumn <- function (..., width = NULL, center = FALSE, offset = NULL) {
+  colCl <- "col-sm"
+  if (!is.null(width)) colCl <- paste0(colCl, " col-sm-", width)
+  if (!is.null(offset)) colCl <- paste0(colCl, " offset-sm-", offset)
   if (center) colCl <- paste0(colCl, " text-center")
-  
   htmltools::tags$div(class = colCl, ...)
 }
\ No newline at end of file
diff --git a/docs/articles/getting_started.html b/docs/articles/getting_started.html
index 14d54e0..5d82d00 100644
--- a/docs/articles/getting_started.html
+++ b/docs/articles/getting_started.html
@@ -96,7 +96,7 @@
       <h1>Getting Started</h1>
                         <h4 class="author">David Granjon</h4>
             
-            <h4 class="date">2019-05-02</h4>
+            <h4 class="date">2019-06-04</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/argonR/blob/master/vignettes/getting_started.Rmd"><code>vignettes/getting_started.Rmd</code></a></small>
       <div class="hidden name"><code>getting_started.Rmd</code></div>
diff --git a/docs/news/index.html b/docs/news/index.html
index 2af653c..db6f0dc 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -133,6 +133,8 @@ <h1 class="page-header">
 <a href="#argonr-0-2-0-9000" class="anchor"></a>argonR 0.2.0.9000<small> Unreleased </small>
 </h1>
 <ul>
+<li>add offset arg to <code><a href="../reference/argonColumn.html">argonColumn()</a></code>
+</li>
 <li>Add btn_text argument to <code><a href="../reference/argonCard.html">argonCard()</a></code>
 </li>
 <li>Fix <a href='https://github.com/RinteRface/argonR/issues/1'>#1</a>: headroom.js and add the corresponding argument to <code><a href="../reference/argonNavbar.html">argonNavbar()</a></code>
diff --git a/docs/reference/argonColumn.html b/docs/reference/argonColumn.html
index 23a8040..0cf324d 100644
--- a/docs/reference/argonColumn.html
+++ b/docs/reference/argonColumn.html
@@ -138,7 +138,7 @@ <h1>Create a Boostrap 4 column</h1>
     
     </div>
 
-    <pre class="usage"><span class='fu'>argonColumn</span>(<span class='no'>...</span>, <span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>center</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)</pre>
+    <pre class="usage"><span class='fu'>argonColumn</span>(<span class='no'>...</span>, <span class='kw'>width</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>center</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>, <span class='kw'>offset</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>
     
     <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
     <table class="ref-arguments">
@@ -155,6 +155,10 @@ <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arg
       <th>center</th>
       <td><p>Whether to center column elements or not. FALSE by default.</p></td>
     </tr>
+    <tr>
+      <th>offset</th>
+      <td><p>Column offset. NULL by default. Importantly, offset + width cannot exceed 12!</p></td>
+    </tr>
     </table>
     
 
diff --git a/man/argonColumn.Rd b/man/argonColumn.Rd
index 7a9f80e..b30bca2 100644
--- a/man/argonColumn.Rd
+++ b/man/argonColumn.Rd
@@ -4,7 +4,7 @@
 \alias{argonColumn}
 \title{Create a Boostrap 4 column}
 \usage{
-argonColumn(..., width = NULL, center = FALSE)
+argonColumn(..., width = NULL, center = FALSE, offset = NULL)
 }
 \arguments{
 \item{...}{Any UI element.}
@@ -12,6 +12,8 @@ argonColumn(..., width = NULL, center = FALSE)
 \item{width}{Optional. Column width between 1 and 12.}
 
 \item{center}{Whether to center column elements or not. FALSE by default.}
+
+\item{offset}{Column offset. NULL by default. Importantly, offset + width cannot exceed 12!}
 }
 \description{
 Build an argon column