.hikashop_product_listing_image

  • Posts: 42
  • Thank you received: 5
7 months 5 days ago #360999

-- url of the page with the problem -- : www.steelumo.de/shop.html
-- HikaShop version -- : 5.0.4
-- Joomla version -- : 5.1.0
-- PHP version -- : 8.2.18
-- Browser(s) name and version -- : Firefox 125.0.3 (64-Bit)

Hi

view in categories has some css errors for tablets/phones

How to find and change:

.hikashop_product_listing_image {
width: 100% !important;
}

Config - frontend css are 2000 lines - where to find the file via ftp?

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

  • Posts: 4760
  • Thank you received: 647
  • MODERATOR
7 months 5 days ago #361002

Hello,

In order to reach and edit your css file, have a look on this tutorial .

Now, we haven't understand your display issue, can you elaborate with elements like annotated screenshot & an Url link where we can see your described issue.
Regards

Last edit: 7 months 5 days ago by Philip.

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

  • Posts: 42
  • Thank you received: 5
7 months 5 days ago #361010

www.steelumo.de/shop.html

The 4 pictures in the category view doesnt't look well on tablets and phones - It's ok in a big display

So to change I need to find and erase:

.hikashop_product_listing_image {
width: 100% !important;
}

but in the css file I have 2000 line of code to search.

So how to do a proper css file to change the view?

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

  • Posts: 4760
  • Thank you received: 647
  • MODERATOR
7 months 4 days ago #361020

Hello,

Understood, now for your question if you have identified the command responsible for the problem, no need to locate it, just take it again & adjust it to your needs, and put everything at the very end of your Css file.

This should be enough to override the command you want corrected but to be sure you can add a Class or an Id html to increase his priority, example:

#hikashop_category_information_menu_218 .hikashop_product_listing_image {
      width: 25% !important; // Or your required command
}

Regards

Last edit: 7 months 4 days ago by Philip.

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

  • Posts: 42
  • Thank you received: 5
7 months 4 days ago #361026

Got it. Thanks.

The following user(s) said Thank You: Philip

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

Time to create page: 0.054 seconds
Powered by Kunena Forum