Hooks in "Home" don't line up

[eveall]

Hopefully someone can help me. I am not able to have my hooks in home line up properly when viewed at full size. I have added some more hooks but it's not write. There are a lot more and duplicates but you'll get an idea of what I mean by seeing the page.

 

Any idea what's going on?

Edited September 6, 2015 by eveall (see edit history)

[eveall]

I found a solution here: https://www.prestashop.com/forums/topic/329631-solved-hook-home-banners-theme-configurator-misaligned-in-firefoxie-browser/

 

Solution is in global css for theme to make the following change (it's set as 33.333333%):

.col-xs-4 {

width: 33.293%;

}

[eveall]

Had it working but it's back

 

 

Please help.

Edited September 7, 2015 by eveall (see edit history)

[eveall]

The second row of hooks should be aligned but it appears the middle picture changes size.

[eveall]

Solved it again. This time hopefully for good. Found the solution in the forum. Sometimes it's difficult to find. In the default theme the fifth item is 66%. The way I was configuring it, I wanted it to be 33%.

 

go to /yourinstallation/modules/themeconfigurator/css/hook.css

 

and change :

 

#htmlcontent_home ul li.htmlcontent-item-5 {

width: 66.6667%; }

@media (max-width: 479px) {

#htmlcontent_home ul li.htmlcontent-item-5 {

width: 100%; } }

 

 

to (for example)

 

#htmlcontent_home ul li.htmlcontent-item-8 {

width: 66.6667%; }

@media (max-width: 479px) {

#htmlcontent_home ul li.htmlcontent-item-8 {

width: 100%; } }

 

this will allow my eighth item to be 66% but not the fifth.