Displaying Article not same size

  • Posts: 25
  • Thank you received: 0
10 years 5 months ago #189270

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6
-- Browser(s) name and version -- : Internetexplorer 11

Hello

i am looking for a solution because my Products in the smal boxes are not same size. If i use more text in title this yould be biger or smaller. but only in internetexplorer, in firefox this is not a problem.

thanks for your help

roli

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
10 years 5 months ago #189272

Hi,

You can add a css property to set a min height on the product name part of the listing.
www.hikashop.com/support/support/documen...ize-the-display.html

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

  • Posts: 25
  • Thank you received: 0
10 years 5 months ago #189344

Hi Xavier

ok thanks - phuuuu... but how can i do it - this is not my thing...i do not have knowledge about this css and so.
can you do that for me?

roli

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

  • Posts: 13201
  • Thank you received: 2322
10 years 5 months ago #189353

Hi,

You can potentially add the following css property at the end of the Front-end CSS File via the menu Configuration > Display > CSS:

.hikashop_product_name{min-height: 50px !important;}

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

  • Posts: 25
  • Thank you received: 0
10 years 5 months ago #189639

Great! Thanks.
i's Easyer to finde the correct CSS by using the Firebug and than open it via FTP...
Roli

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

  • Posts: 25
  • Thank you received: 0
9 years 11 months ago #209953

Hello,
i have stil the same problem.
i did it like writen but take a look to the attachments
thanks

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
9 years 11 months ago #209957

Hi,

This is due to your css file, you have the property:

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
Which is not closed, so the code:
.hikashop_product_name{min-height: 50px !important;}
is applied only under resolution of 760px.

The following user(s) said Thank You: computerfritz

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

  • Posts: 25
  • Thank you received: 0
9 years 11 months ago #210083

Hi,
i can not find any css with non closed {}, wich do you mean?
regards

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

  • Posts: 13201
  • Thank you received: 2322
9 years 11 months ago #210089

Hi,

As I said previously the @media query:

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
is not closed at any moment in the frontend_custom.css file...

So please replace:
.hikashop_product_name{min-height: 50px !important;}
By:
}
.hikashop_product_name{min-height: 50px !important;}

Last edit: 9 years 11 months ago by Xavier.
The following user(s) said Thank You: computerfritz

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

  • Posts: 25
  • Thank you received: 0
9 years 11 months ago #210226

great, thank you

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

Time to create page: 0.080 seconds
Powered by Kunena Forum