Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Reduce size of price button
New Landing › How can we help? › Atelier › Reduce size of price button
- This topic has 22 replies, 5 voices, and was last updated 9 years by David Martin – Support.
-
Posted in: Atelier
-
August 14, 2015 at 6:47 am #203927
Hi there,
Jut wondering how I reduce the size of the price button that shows up over my product images within the Masonry display mode? The buttons are way too big for my product images, they are obscuring important details.
Thanks,
August 14, 2015 at 7:30 am #203937Hi,
Please use this custom css code:-.product .cart-overlay .shop-actions .price-link{ line-height:36px !important; height:36px !important; } .product .cart-overlay .shop-actions .jckqvBtn{ line-height:36px !important; height:36px !important; } .product figure .cart-overlay{ bottom:2px !important; padding:18px 21px !important; }
Thanks
MohammadAugust 14, 2015 at 7:42 am #203940Hi Mohammad,
Thanks for that but it didn’t work very well, it made the white space smaller yes but didn’t reduce the font/icon size and also stopped the price and quick-view boxes from being the same size? Is there a place in the code where I could have more control over the padding, background button transparency, font size and exact placement of the buttons on the product image?
Many thanks,
August 14, 2015 at 7:47 am #203944Alternatively is there a way to turn off the price and quickview buttons on the masonry layout? Can you just have the quickveiw show up on roll over as with the normal product gallery display?
Thanks,
JessAugust 14, 2015 at 7:58 am #203949Hi,
Please use this custom css code:-.products.multi-masonry-items .product figure .cart-overlay{ display:none !important; } .products.multi-masonry-items .product figure .cart-overlay:hover{ display:block!important; }
Thanks
MohammadSeptember 6, 2015 at 5:30 am #210623Hi there,
I added this code in and it did make the quickview and price boxes disappear from the homepage Masonary display but they don’t reappear when you roll over? I would like them to appear on roll over the same as they do on this page: http://103.9.171.1/~thefeath/index.php/our-artisans/ahoy-trader/
I would also like to be able to remove the category and tag descriptions from all the product roll overs on all pages, do you know where I can do this?
Thanks,
JessSeptember 7, 2015 at 5:29 am #210719Hi,
Please use this custom css code:-.product .cart-overlay .shop-actions{ display:none; } .product .cart-overlay:hover .shop-actions{ display:block !important; }
Thanks
MohammadSeptember 9, 2015 at 7:45 am #211554Hi there,
sorry but that code didn’t work, it didn’t affect the homepage Masonary display at all and it removed add to cart/wishlist/quick-view buttons completely from the other product pages.
I would like to remove the category and tag information from all the product thumbnail roll overs but have it that the add to cart/wishlist/quick-view buttons appear on roll over (as well as just the name of the product and the price). I would like this to happen on all product thumbnails as well as masonary thumbnails. So the images are clean until you roll over at which point you see the name of the product and price and then the white buttons with add to cart/wishlist/quick-view buttons.
Thanks,
JessSeptember 9, 2015 at 7:54 am #211557Hi,
Please provide me marked screenshot to indicate the issue with Masonary.
Thanks
MohammadSeptember 9, 2015 at 8:17 am #211561Please see screenshot of masonary display. I have returned it back to normal (without any of the above coding changes)
Attachments:
You must be logged in to view attached files.September 9, 2015 at 8:57 am #211572Hi,
I have resolved the issue so please check it now.
Thanks
MohammadSeptember 9, 2015 at 9:11 am #211576Amazing, looks great, thanks so much for doing that!
September 9, 2015 at 9:39 am #211579Hi,
You most welcome. Glad 🙂 to help you.
Thanks
MohammadSeptember 17, 2015 at 5:47 pm #214319Hello,
Sorry to jump in here. How did you get this to work? I would like the same thing to happen to mine. I used the code in #210719 but it doesnt appear over hover
ThanksSeptember 17, 2015 at 5:53 pm #214323Please show us a link where you are trying to do this.
– David. -
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.