「shortcodes ultimate」のカラムの隙間の調整

初心者の者です。「shortcodes ultimate」というプラグインを使って、３カラムの列を作成したのですが、列の隙間を狭くしたいのですが、どうやっていいのかわかりません。
ちなみに、下記がショートコードとプラグインのcssスタイルです。
できれば、プラグインのスタイルでなく、新たにショートコードにスタイルを作って、隙間を調整したいのですが、可能でしょうか？
情報が不足しているようであれば、ご指摘ください。
わかる方、ご教示ください。

[su_row class=””]
　[su_column size=”1/3″ center=”no” class=””]
　[/su_column]
　[su_column size=”1/3″ center=”no” class=””]
　[/su_column]
　[su_column size=”1/3″ center=”no” class=””]
　[/su_column]
[/su_row]

以下、プラグインのスタイル

/* Row + Column
—————————————————————*/
.su-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}

.su-row:before,
.su-row:after {
display: table;
content: “”;
}

.su-row:after {
clear: both;
}

.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
box-sizing: border-box;
}

.su-column-last {
margin-right: 0;
}

.su-row .su-column {
margin: 0 0 0 4%;
}

.su-row .su-column.su-column-size-1-1 {
margin-left: 0;
margin-right: 0;
}

.su-row .su-column:first-child {
margin-left: 0;
}

.su-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}

.su-column img,
.su-column iframe,
.su-column object,
.su-column embed {
max-width: 100%;
}

@media only screen {
[class*=”su-column”] + [class*=”su-column”]:last-child {
float: right;
}
}

.su-column-size-1-1 {
width: 100%;
}

.su-column-size-1-2 {
width: 48%;
}

.su-column-size-1-3 {
width: 30.66%;
}

.su-column-size-2-3 {
width: 65.33%;
}

.su-column-size-1-4 {
width: 22%;
}

.su-column-size-3-4 {
width: 74%;
}

.su-column-size-1-5 {
width: 16.8%;
}

.su-column-size-2-5 {
width: 37.6%;
}

.su-column-size-3-5 {
width: 58.4%;
}

.su-column-size-4-5 {
width: 79.2%;
}

.su-column-size-1-6 {
width: 13.33%;
}

.su-column-size-5-6 {
width: 82.66%;
}

/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}