Go to 'Layout' and switch tab to 'Edit HTML'.
Give mark to 'Expand Widget Templates'.
Make a backup of your default template first, so if you can't do what i say below, you can revert it back to your default template.
Now grab these code below, just before the closing of
]]></b:skin> tag.
div.domtab
{
padding:0;
width:100%;
font: $domtabFont;
}
ul.domtabs
{
float:left;
width:100%;
margin:0;
list-style:none;
padding-left: 0;
}
ul.domtabs li
{
float:left;
padding:0 5px 0 0;
text-align: center;
width: 110px;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover
{
padding:.5em 1em 0;
display:block;
background:$domtabBGcolor1;
color: $domtabFontColor1;
height:2em;
font-weight:bold;
text-decoration:none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover
{
height:auto;
min-height:2em;
}
ul.domtabs a:hover
{
background: $domtabBGcolor2;
}
div.domtab div
{
clear:both;
width:auto;
color: $domtabFontColor2;
padding:0 5px;
margin: 0 0 1em 0;
background: $domtabconcolor;
}
div.domtab div .sidebar-tab, div.domtab div .sidebar-tab .widget-content
{
margin: 0 0 0;
padding: 0;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover
{
background: $domtabBGcolor3;
color: $domtabFontColor3;
}
div.domtab div .sidebar-tab ul li {
list-style: none;
padding: 3px 0 5px 0;
}
div.domtab div .sidebar-tab ul li a
{
list-style: none;
margin: 0;
padding: 0;
}
div.domtab div .sidebar-tab ul
{
width: 100%;
margin: 0;
padding: 0;
}
#domtabprintview{
float:right;
padding-right:1em;
text-align:right;
border: 1px solid $domtabBorderColor;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover
{
color:#000;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
color:$domtablinkcolor;
padding:1em .5em;
font:bodyfont;
text-decoration: none;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
color:#000;
display:inline;
padding:0;
font-weight:normal;
font-size:1em;
border: 1px solid $domtabBorderColor;
}
body#layout #sidebar-tabs-1 .widget,
body#layout #sidebar-tabs-2 .widget,
body#layout #sidebar-tabs-3 .widget,
body#layout #sidebar-tabs-4 .widget {
display: block; clear: both;
}
div.domtab div {display: block; clear: both;}
Now, grabe these code below here to just after <b:skin><
