Title: Decrease enter space between the title of product, rating, & price in category Last modified: December 27, 2016 --- # Decrease enter space between the title of product, rating, & price in category * [basicteestore](https://wordpress.org/support/users/basicteestore/) * (@basicteestore) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/) * Hi, * I need help to decrease the enter space between the product title, rating, regilar price and sale price in product category page. I want to make them more tight. Especially for mobile web. * And more thing, how to delete the select options and the box line in the below of the product image in product category page. * Can you give me the css to solve those problem? * This is my website: [http://www.timbrestore.com](http://www.timbrestore.com) * And i want to make my product category page or shop page like this website: [http://www.erigostore.com/shop](http://www.erigostore.com/shop) * So, the customer don’t need to scroll down too much when see our product. * Thanks. - This topic was modified 9 years, 5 months ago by [basicteestore](https://wordpress.org/support/users/basicteestore/). Viewing 8 replies - 1 through 8 (of 8 total) * [Kevin](https://wordpress.org/support/users/jx-3p/) * (@jx-3p) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8594391) * 1. Try placing this CSS into Theme Options> Advanced Settings: * ``` .product_price ins .amount { padding-top: 0; } .product_item .product_details h5 { min-height: 30px; max-height: 30px; } .product_item .product_price { padding-top: 0; } ``` * 2. Try adding this as well: * ``` a.button.product_type_variable { display: none; } ``` * 3. Can you be more specific about what you want from the example page? You can set the dimensions of the images to portrait in Theme Options> Shop Settings. This would make the images taller like the ones in the example. * Let me know if this is helpful! -Kevin * Thread Starter [basicteestore](https://wordpress.org/support/users/basicteestore/) * (@basicteestore) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8595442) * Hi Kevin, * Its Work! Thanks! * 2. I want to erase the box line in the below of picture. So, there is just word( title, price, rating) in the below of picture without the border. And, I want to make the word with the left alignment like I show in example page. Could you help me to give the custom CSS? * 3. Yes, i want to make it taller like that, what kind of shop setting that i need to change? * 4. I want to make 2 column in product category page when customer visit my website via mobile (example in iphone, samsung galaxy, etc). Currently, there just show 1 column in product category page when I open my website with my iphone. Can you help me to give the custom css for that? * Thanks. * [Kevin](https://wordpress.org/support/users/jx-3p/) * (@jx-3p) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8597149) * 2. The border is a part of the placer image, and will not show up when you upload custom images for your products. See here: [http://themes.kadencethemes.com/virtue/product-category/apparel/](http://themes.kadencethemes.com/virtue/product-category/apparel/) * 3. Theme Options> Shop Settings> Category Image Aspect Ratio. * 4. Add this CSS to Theme Options> Advanced Settings and let me know if it works for you!: * ``` @media (max-width: 768px) { .tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product, .tcol-md-4.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product { width: 50%; float: left; } } ``` * -Kevin * Thread Starter [basicteestore](https://wordpress.org/support/users/basicteestore/) * (@basicteestore) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8599581) * Hi Kevin, * It’s really work! Thanks for your help Kevin. * Last more question :): 1. I want to delete all of hover effect when my mouse touch the menu text or add to chart button. Could you please give me the CSS for that? * Thanks. * Thread Starter [basicteestore](https://wordpress.org/support/users/basicteestore/) * (@basicteestore) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8599769) * Hi Kevin, * I have a one question again regarding the checkout page in woocommerce, I tried to buy in my website, but there is a mess up in the “Our Bank Details” (attached). I set 3 options of bank details for bank transfer, but the composition is really mess up as show in the attachment. * Could you please help me to solve this problem? * Thanks. * [hannah](https://wordpress.org/support/users/hannahritner/) * (@hannahritner) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8601461) * Hey, 1. This css should work for your menu: * ``` #nav-main ul.sf-menu a:hover { color: #fff; } ``` * And this for your add to cart: * ``` .product .entry-summary .kad_add_to_cart:hover { background: #101e30; } ``` * 2. Your attachment is not working. Can you try sending it again? * Hannah * Thread Starter [basicteestore](https://wordpress.org/support/users/basicteestore/) * (@basicteestore) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8602234) * Hi Hannah, * Its really work! Thanks! * 2. I don’t know how to attach the image here. But, I have uploaded to my dropbox here: [https://www.dropbox.com/s/89wdi79fcvhz49g/Checkout%20Page.png?dl=0](https://www.dropbox.com/s/89wdi79fcvhz49g/Checkout%20Page.png?dl=0) * Hopefully you can open it. * I am waiting for your answer. Thank you 🙂 * [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/) * (@britner) * [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8611043) * In your theme options > advanced settings. Try adding this css and let me know if it solves your issue: * ``` ul.wc-bacs-bank-details:after { clear: both; display: table; content: ''; position: static; } ``` * Ben Kadence Themes Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Decrease enter space between the title of product, rating, & price in category’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png) * Virtue * [Support Threads](https://wordpress.org/support/theme/virtue/) * [Active Topics](https://wordpress.org/support/theme/virtue/active/) * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/) * [Reviews](https://wordpress.org/support/theme/virtue/reviews/) * 8 replies * 4 participants * Last reply from: [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/) * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/decrease-enter-space-between-the-title-of-product-rating-price-in-category/#post-8611043) * Status: not resolved