Impossible to have GKGrid + HTML in the Bottom V widgets

Hello,

I would love to have a GKGrid widget in Bottom V Widgets and also an HTML code with div just below my GKGrid.
But instead of displaying the GKGrid and then the HTML code below the GKGrid, it is displaying both items on the left and the right of the same row. What code must I possibly add in the html part, so that it displays below the GKGrid.
For the moment, the HTML code is the default one:

<div class="gk-columns" data-column-count="5">
<div>
<h3>Service</h3>
<ul>
<li><a href="#">Frequently Asked <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Service Updates <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Community Forum <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Help Desk <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Validate License <small>Lorem ipsum dolor</small></a></li>
</ul>
</div>

<div>
<h3>Music</h3>
<ul>
<li><a href="#">Frequently Asked <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Service Updates <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Community Forum <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Help Desk <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Validate License <small>Lorem ipsum dolor</small></a></li>
</ul>
</div>

<div>
<h3>Artist</h3>
<ul>
<li><a href="#">Frequently Asked <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Service Updates <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Community Forum <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Help Desk <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Validate License <small>Lorem ipsum dolor</small></a></li>
</ul>
</div>

<div>
<h3>Privacy</h3>
<ul>
<li><a href="#">Frequently Asked <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Service Updates <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Community Forum <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Help Desk <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Validate License <small>Lorem ipsum dolor</small></a></li>
</ul>
</div>

<div>
<h3>Sound</h3>
<ul>
<li><a href="#">Frequently Asked <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Service Updates <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Community Forum <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Help Desk <small>Lorem ipsum dolor</small></a></li>
<li><a href="#">Validate License <small>Lorem ipsum dolor</small></a></li>
</ul>
</div>
</div>

Thank you for your support,
Bill

Hello,

Could you provide an URL to your website? (here or via PM), then I'll be able to help you with tha.

Hello Piotr, so my url site is
http://www.freakshowmagazine.com/

in the Bottom V widget
I have a Grid, and I wanted to add a Text HTML object displaying columns as explained previously in the same Bottom V Widget location.
Doing this I get both of them on the same line/row.
So instead I added a html table, with two rows, and put the Grid and the Columns in each row.
But now I have a dimension issue, the table is very tight.
So I added a width to the table, something like width="7000" and it seems to fill my 960px theme.
But when resizing the window, it does not change its size correctly.
Any idea how to link my table row widths with the theme width?
Thank you,
Bill

You don't have to use tables, just add this code into css/override.css file (first enable this override option from Template Options -> Advanced tab):

Code: Select all

#gk-bottom5 .box {
   clear: both;
   float: none;
   margin-top: 20px;
   width: 100%;
}

and your next widgets should be displayed below.