[SOLVED] CSS problem with Checkout page

  • Posts: 107
  • Thank you received: 1
11 years 5 months ago #79166

Dear ,

I realize the css styles of the product list page and the ckeckout page have some parts in common.

For example, the price text/font size are the same.

My problem is

1. How to make the price text size and color in the checkout page not the same as that in the product list page?

2. How to make the product thumbnail size in the checkout page not the same as that in the product list page?

Refer as the following picture:





Really appreciate your insightful solution. :)

Attachments:
Last edit: 11 years 5 months ago by tinachou.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 5 months ago #79197

Hi,

You have to set a more specificated css property.
For example:

.hikashop_checkout_cart .hikashop_product_price{
    color: ...;
    size: ...;
}

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

  • Posts: 107
  • Thank you received: 1
11 years 5 months ago #79306

Hi, thank you so much for the reply.

I have added the following code to make a different font-size of product price.

#hikashop_checkout_cart .hikashop_product_price{
    color:#F32D94;
    font-size: 14px;
}

However, I still don't figure out how to make the product image thumbnail to be different size?

Please help me.

Last edit: 11 years 5 months ago by tinachou.

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

  • Posts: 26024
  • Thank you received: 4005
  • MODERATOR
11 years 5 months ago #79352

Hi,

The checkout cart view use the options "thumbnail_x" and "thumbnail_y" for images size.
You have to override your view "checkout | cart" (for your front-end template) in order to change the value.

Just find

	$width = $this->config->get('thumbnail_x');
	$height = $this->config->get('thumbnail_y');
And set your new values.

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.
Last edit: 11 years 5 months ago by Jerome.
The following user(s) said Thank You: tinachou

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

  • Posts: 107
  • Thank you received: 1
11 years 5 months ago #79557

Thank you so much!

I have solved it.

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

Time to create page: 0.082 seconds
Powered by Kunena Forum