Uniform product box display

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
10 years 7 months ago #185148

-- url of the page with the problem -- : www.lockharttactical.com
-- HikaShop version -- : Latest
-- Joomla version -- : Latest
-- Browser(s) name and version -- : Firefox Latest

On my homepage, and other pages,

Example: www.LockhartTactical.com

I am trying to set the CSS to show the product display boxes all the sale.

I need the "Product name" to be down right above the "PRICE" without such a massive gap inbetween.

Can you help?

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

  • Posts: 2143
  • Thank you received: 747
10 years 7 months ago #185199

It's due to line 44 in your "rnshop-custom.css", where it says

.hikashop_subcontainer {
  min-height: 248px !important;
  min-width: 248px !important;
  position: relative;
}

Whoever set the min-height, might have done so with best intentions due to the greatly varying length of product names, but there's a better way of doing so: Set min-height for the product name only, not the entire (sub)container.

BTW, the present min-width property setting also hampers the display at certain browser widths, causing the containers to overlap instead of resizing.

So, you may want to review and rework the custom CSS accordingly, eventually with the help of media queries if certain browser widths require.

Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
10 years 7 months ago #185202

what fixes would you recommend?

I would really appreciate it.

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

  • Posts: 26264
  • Thank you received: 4043
  • MODERATOR
10 years 7 months ago #185157

Hi,

I am sorry but our support is there to help people to use and configure HikaShop.
But for CSS customization, we have a special documentation page:
www.hikashop.com/support/support/documen...ize-the-display.html

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.069 seconds
Powered by Kunena Forum