[Skip to main content](#vessel-content) # \[SOLVED\] CSS problem with Checkout page ## - **[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")** - [![tinachou's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11887-tinachou "View tinachou's Profile") Topic Author - [ Offline](/forum/user/11887-tinachou) Less More - Posts: 107 - Thank you received: 1 - - 13 years 11 months ago - 13 years 11 months ago [\#79166](#79166) by [tinachou](/forum/user/11887-tinachou "View tinachou's Profile") *[\[SOLVED\] CSS problem with Checkout page](/forum/2-general-talk-about-hikashop/76233-solved-css-problem-with-checkout-page#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. :)")* was created by *[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")* 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: [ ![Q3.jpg](/forum/attachment/7221) ](/forum/attachment/7221 "Q3.jpg") Really appreciate your insightful solution. ![:)](/media/kunena/emoticons/3.png ":)") - [ ![Q3.jpg](/forum/attachment/7221) ](/forum/attachment/7221 "Q3.jpg") [ ](/forum/attachment/7221?download=1 "Q3.jpg") Last edit: 13 years 11 months ago by [tinachou](/forum/user/11887-tinachou "View tinachou's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2MjMzLXNvbHZlZC1jc3MtcHJvYmxlbS13aXRoLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 11 months ago [\#79197](#79197) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[CSS problem with Checkout page](/forum/2-general-talk-about-hikashop/76233-solved-css-problem-with-checkout-page#79197 "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. :)")* Hi, You have to set a more specificated css property. For example: Code: .hikashop_checkout_cart .hikashop_product_price{ color: ...; size: ...; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2MjMzLXNvbHZlZC1jc3MtcHJvYmxlbS13aXRoLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")** - [![tinachou's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11887-tinachou "View tinachou's Profile") Topic Author - [ Offline](/forum/user/11887-tinachou) Less More - Posts: 107 - Thank you received: 1 - - 13 years 11 months ago - 13 years 11 months ago [\#79306](#79306) by [tinachou](/forum/user/11887-tinachou "View tinachou's Profile") Replied by *[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")* on topic *[CSS problem with Checkout page](/forum/2-general-talk-about-hikashop/76233-solved-css-problem-with-checkout-page#79306 "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. :)")* Hi, thank you so much for the reply. I have added the following code to make a different font-size of product price. Code: \#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: 13 years 11 months ago by [tinachou](/forum/user/11887-tinachou "View tinachou's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2MjMzLXNvbHZlZC1jc3MtcHJvYmxlbS13aXRoLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26400 - Thank you received: 4080 - - [](http://obsi.dev) - 13 years 11 months ago - 13 years 11 months ago [\#79352](#79352) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[CSS problem with Checkout page](/forum/2-general-talk-about-hikashop/76233-solved-css-problem-with-checkout-page#79352 "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. :)")* 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 Code: $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. Last edit: 13 years 11 months ago by [Jerome](/forum/user/80-jerome "View Jerome's Profile"). The following user(s) said Thank You: [tinachou](/forum/user/11887-tinachou "View tinachou's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2MjMzLXNvbHZlZC1jc3MtcHJvYmxlbS13aXRoLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")** - [![tinachou's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11887-tinachou "View tinachou's Profile") Topic Author - [ Offline](/forum/user/11887-tinachou) Less More - Posts: 107 - Thank you received: 1 - - 13 years 11 months ago [\#79557](#79557) by [tinachou](/forum/user/11887-tinachou "View tinachou's Profile") Replied by *[tinachou](/forum/user/11887-tinachou "View tinachou's Profile")* on topic *[CSS problem with Checkout page](/forum/2-general-talk-about-hikashop/76233-solved-css-problem-with-checkout-page#79557 "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. :)")* Thank you so much! I have solved it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc2MjMzLXNvbHZlZC1jc3MtcHJvYmxlbS13aXRoLWNoZWNrb3V0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.058 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)