Skip to main content

Displaying Article not same size

More
11 years 8 months ago #189270 by computerfritz
-- 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

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

More
11 years 8 months ago #189272 by Xavier
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.

More
11 years 8 months ago #189344 by computerfritz
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.

More
11 years 8 months ago #189353 by Xavier
Hi,

You can potentially add the following css property at the end of the Front-end CSS File via the menu Configuration > Display > CSS:
Code:
.hikashop_product_name{min-height: 50px !important;}

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

More
11 years 8 months ago #189639 by computerfritz
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.

More
11 years 2 months ago #209953 by computerfritz
Hello,
i have stil the same problem.
i did it like writen but take a look to the attachments
thanks

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

More
11 years 2 months ago #209957 by Xavier
Hi,

This is due to your css file, you have the property:
Code:
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
Which is not closed, so the code:
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.

More
11 years 2 months ago #210083 by computerfritz
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.

More
11 years 2 months ago - 11 years 2 months ago #210089 by Xavier
Hi,

As I said previously the @media query:
Code:
@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:
Code:
.hikashop_product_name{min-height: 50px !important;}
By:
Code:
} .hikashop_product_name{min-height: 50px !important;}
Last edit: 11 years 2 months ago by Xavier.
The following user(s) said Thank You: computerfritz

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

More
11 years 2 months ago #210226 by computerfritz
great, thank you

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

Time to create page: 0.265 seconds
Powered by Kunena Forum