[Solved]Unable to remove extra space top prod list

  • Posts: 44
  • Thank you received: 1
12 years 10 months ago #42155

I'm not sure if I am using the right terminology. I came from Virtue mart (omg what was I thinking) and it's been a lot easier here with HikaShop.

Anyways here is my problem:

There is a lot of space above the pagination (I chose "both top and bottom").

I can see it is encased by the div.hikashop_submodules.

See attached image for a better explanation. It seems there are at least 3 div clears, but I cannot find the php/css they are in to remove them.

Thank you for your help.

daurwid

Attachments:
Last edit: 12 years 10 months ago by daurwid. Reason: found fix

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

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42351

Could you give a link to that page so that we can see the problem ?

The CSS of HikaShop can be edited via the tab Display of the configuration.

The php of each view can be edited via the menu Display->Views.

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

  • Posts: 44
  • Thank you received: 1
12 years 10 months ago #42359

I found the problem. It was not in the php, it was in the CSS.

Changed /media/hikashop/css/frontend_default.css:
.hikashop_submodules{ padding-top:30px; } to .hikashop_submodules{ padding-top:0px; }
.hikashop_products_pagination .list-footer .counter, .hikashop_subcategories_pagination .list-footer .counter{ color:#666; margin-top:15px; } to
.hikashop_products_pagination .list-footer .counter, .hikashop_subcategories_pagination .list-footer .counter{ color:#666; margin-top:0px; }
#hikashop_order_listing .pagination{ text-align:center; font-size:11px; padding-top:20px; } to #hikashop_order_listing .pagination{ text-align:center;
font-size:11px; padding-top:0px; }
.hikashop_products_pagination, .hikashop_subcategories_pagination{ padding-top:20px; } to .hikashop_products_pagination,
.hikashop_subcategories_pagination{ padding-top:0px; }
.hikashop_subcontainer{ padding-top:20px; padding-bottom:20px; } to .hikashop_subcontainer{ padding-top:0px; padding-bottom:0px; }


There's a lot of padding top and bottom... Not sure why...?

Oh and I try to keep track of all my edits >.<

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

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42362

That's because the pagination is usually displayed at the bottom. It's nice to have some space with the listing.
You should change the CSS via the interface in the configuration. That way you won't loose your changes when you update.

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

  • Posts: 44
  • Thank you received: 1
12 years 10 months ago #42366

nicolas wrote: You should change the CSS via the interface in the configuration. That way you won't loose your changes when you update.


I tried that. The editor is very hard to use. The box that opens to edit it is very small and not able to be manipulated. The box for the document within it can be changed, which doesn't make sense since the larger box doesn't allow for scrolling left to right...

So I do edits in notepad++ after creating the custom file in the backend.

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

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42505

Yes, as long as you're editing the custom CSS file, you can do it via FTP, no problem :)

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

Time to create page: 0.066 seconds
Powered by Kunena Forum