Align Column

Hello!

I am using <div class="gk-columns" data-column-count="3">, with the "Text" widget in the "Header" part, but the center column does not align properly.

Is there any solution?

1.jpg

This is the code I used:

Code: Select all

<h1 align="center"><font color= "#012e40">Servicios</font></h1>
<br>

<div class="gk-columns" data-column-count="3">

<div><img class="alignnone size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="uno" width="552" height="552" /></div>

<div><img class="aligncenter size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="bom" width="100%" height="100%" /></div>

<div><img class="aligncenter size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="bom" width="100%" height="100%" /></div>
</div>

<div class="gk-columns" data-column-count="3">

<div><img class="alignnone size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="uno" width="552" height="552" /></div>

<div><img class="aligncenter size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="bom" width="100%" height="100%" /></div>

<div><img class="alignnone size-full wp-image-1330" src="http://www.herramientasdenegocio.com/wp-content/uploads/2015/01/bom.png" alt="uno" width="552" height="552" /></div>

</div>


URL: http://www.herramientasdenegocio.com/#text-59
CMS: WP.

Hi,

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

#text-59 .gk-columns > div:first-child {
   padding-left: 12px;
}

#text-59 .gk-columns > div:last-child {
   padding-right: 12px;
}