[SOLVED] pictures on home page not same size

[Gastono]

Hi all.

Prestashop 1.6.0.9

default theme

url:   shopnw.naturalbeautyparkstad.nl

 

My problem is this : 

In default thema configuration mudule i have 6 catagory images added to hook home.

No matter what order i place the pictures in , the fifth picture is always twice the size as the rest (visible on botom of page, not the sliders on the top of the page)

 

Any help would be fine.

Edited December 8, 2014 by Gastono (see edit history)

[Gastono]

clarified the problem on main page http://shopnw.naturalbeautyparkstad.nl .

Hope anyone can help.

[Gastono]

Sorry to bump my topic again but i just cann't seem to get this solved.

 

I attached a picture of the problem and the according code.

I cannt see why item number 5 always is bigger even if i change item 5 and 6 in module configuration or just disable item 5 then item 6 becomes item 5 and get shown twice the size of item 1 - 4.

<div id="htmlcontent_home">
<ul class="htmlcontent-home clearfix row">
<li class="htmlcontent-item-1 col-xs-4"></li>
<li class="htmlcontent-item-2 col-xs-4"></li>
<li class="htmlcontent-item-3 col-xs-4"></li>
<li class="htmlcontent-item-4 col-xs-4"></li>
<li class="htmlcontent-item-5 col-xs-4"></li>
<li class="htmlcontent-item-6 col-xs-4"></li>
</ul>
</div>

I got stuck on this problem this week and just cannt go on with completing the shop.

pleazzzze help anyone.

 

Edited December 13, 2014 by Gastono (see edit history)

[Gastono]

thanks for all the help (just kidding), just solved my own problem.

just in case someone has the same problem here's what i did:

 

for some reason , dont know why or how it got there, i guess it should.t really be there but in modules/themeconfigurator/css/hooks.css the folowing lines where causing the problem

  @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
      #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

i disabled the lines with htmlcontent-item-5 blablabla and all looks good now.

 

So i think im gonne like my own post and mark my own answer as the best, LOL Solved.

[dioniz]

Glad you solved it. I'm marking this thread solved.