how to make all items in the gallery same sized

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #22038



Hello all,

as you can see from the example above my gallery items have different size (the items with bigger description are bigger than the ones with smaller description). Is there any way I can make so all the items have the same size (the smaller gets bigger to match the other)

Thanks

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #22064

Hi,

You can add some CSS to fix the height to what you want. You can add that CSS in the front end CSS file of HikaShop that you can edit via the interface in the tab Display of the configuration.

For example with the CSS code:

.hikashop_subcontainer {
height: 350px;
}

Please Log in or Create an account to join the conversation.

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #23428

does the same apply to remove the full border? would I put

.hikashop_subcontainer {
border: 0px solid;
}


would this affect other borders or only the products border?

Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #23439

Yes.

It will only affect categories and products listings where borders are used.

Please Log in or Create an account to join the conversation.

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #23452

I am not sure what I am doing then.. Please find bellow print screen of the altered css and of the website, the black border just wont go away :( I am aware that I need to save the css then apply and save as I've changed the css before but not sure if I am putting the wrong rule or why, it just doesn't work...


Attachments:
Last edit: 13 years 3 months ago by luizarios.

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #23456

You should try with a !important like that:
.hikashop_subcontainer {
border: 0px solid !important;
}

Also, note that if you have the latest version, there is now an option for the border in modules/menus' hikashop options. So you could just turn off that option and the border would disappear.

Please Log in or Create an account to join the conversation.

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #23470

Hi, I've changed the css to put the important but it is still not working :( don't know what I am doing wrong... when you say I can change it on Hika Shop option, I've been to it but the only option there is the margin not the border... any ideas what else could be done??

thanks

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #23473

hah, it was a very simple thing a very common mistake, I just forgot to clean the cache oon my browser, I just did and it works fine :D thanks

Last edit: 13 years 3 months ago by luizarios.

Please Log in or Create an account to join the conversation.

Time to create page: 0.070 seconds
Powered by Kunena Forum