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
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.
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/
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
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.
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.
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
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
Hopefully you can open it.
I am waiting for your answer. Thank you 🙂
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
