Checkout Image is too big want to change size

  • Posts: 261
  • Thank you received: 4
  • Hikashop Business
5 years 3 months ago #302770

Hi,

I want independent image sizing for my check out images. If I change thumbnail in the config it also changes the checkout image and product image together.

I want the cart image to be smaller.

I tried adding the below code to css but it distorted other image like product quantity arrows and print icon. Can you please tell me how to best do this?

This is the code I found:
}
.hikashop_checkout_cart img{
height: 75px !important;
width: 75px !important;
}

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

  • Posts: 4519
  • Thank you received: 611
  • MODERATOR
5 years 3 months ago #302799

Hello,

Without seeing the context it's quite difficult to be sure, but if you said that this affects all your images, this may means that your selector isn't enough precise.
I mean, that you must use several class or id in order to restrict the css command, something like this :

#product_page_id .page_part_class .html_element_class {
Your Command Id
}

Hope this will help you to move forward on your issue, if not can you provide an Url Link and a step by step (product to add to cart, use guess mode, login references ? etc etc), the point is to see your issue and better understand the root issue.

Regards

Last edit: 5 years 3 months ago by Philip.

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

  • Posts: 261
  • Thank you received: 4
  • Hikashop Business
5 years 3 months ago #302847



This is examples of what happens when I insert code:
}
.hikashop_checkout_cart img{
height: 75px !important;
width: 75px !important;
}

It changes the image but then does distortion and movement to the other checkout images.

Attachments:

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

  • Posts: 4519
  • Thank you received: 611
  • MODERATOR
5 years 3 months ago #302863

Hello,

Of course because as I told you, your selector is too wide, see my scheme :



#product_page_id .page_car_part_class .product_element_html_element_class {
Your Command Id
}

If you have only the red #id your css command will affects all img in this part by example.
I can't say better, you have to restrict your selector by adding id or class elements.

Regards

Last edit: 5 years 3 months ago by Philip.

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

  • Posts: 261
  • Thank you received: 4
  • Hikashop Business
5 years 3 months ago #302995

Thank you for your help.
I am confused. I did the below and it did not work. What am I doing wrong?

#product_page_id .page_car_part_class .product_element_html_element_class {
.hikashop_checkout_cart img{
height: 75px !important;
width: 75px !important;
}

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

  • Posts: 103
  • Thank you received: 5
5 years 3 months ago #303000

fan4chevy wrote: #product_page_id .page_car_part_class .product_element_html_element_class {
.hikashop_checkout_cart img{
height: 75px !important;
width: 75px !important;
}

you have written wrong css style as it looks for me.
#product_page_id .page_car_part_class .product_element_html_element_class,
.hikashop_checkout_cart img{
height: 75px !important;
width: 75px !important;
}

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

  • Posts: 261
  • Thank you received: 4
  • Hikashop Business
5 years 3 months ago #303048

Can you be so kind as to show me how to put the code and where to place it in the css?

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

  • Posts: 81539
  • Thank you received: 13069
  • MODERATOR
5 years 2 months ago #303002

Hi,

The ids and classes in the CSS code of Philippe are not the actual ones on the page. They are examples that you need to replace with the actual ids and classes that you have there.
Again, as Philippe said, since you didn't provide any link to the website, we can't analyse the CSS that you have on that page and thus we can't provide the exact CSS code that you should use to fix that problem as it must come from the CSS of another extension on your website and we don't know what the CSS of that extension is to lead to that problem.

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

Time to create page: 0.096 seconds
Powered by Kunena Forum