New Landing How can we help? Atelier Reduce size of price button

Viewing 15 posts - 1 through 15 (of 23 total)
  • Posted in: Atelier
  • #203927
    thefeathertribe
    Member
    Post count: 13

    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,

    #203937
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #203940
    thefeathertribe
    Member
    Post count: 13

    Hi 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,

    #203944
    thefeathertribe
    Member
    Post count: 13

    Alternatively 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,
    Jess

    #203949
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #210623
    thefeathertribe
    Member
    Post count: 13

    Hi 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,
    Jess

    #210719
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .product .cart-overlay .shop-actions{
    display:none;
    }
    
    .product .cart-overlay:hover .shop-actions{
    display:block !important;
    }
    
    

    Thanks
    Mohammad

    #211554
    thefeathertribe
    Member
    Post count: 13

    Hi 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,
    Jess

    #211557
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me marked screenshot to indicate the issue with Masonary.
    Thanks
    Mohammad

    #211561
    thefeathertribe
    Member
    Post count: 13

    Please 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.
    #211572
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have resolved the issue so please check it now.
    Thanks
    Mohammad

    #211576
    thefeathertribe
    Member
    Post count: 13

    Amazing, looks great, thanks so much for doing that!

    #211579
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. Glad 🙂 to help you.
    Thanks
    Mohammad

    #214319
    boognish43
    Member
    Post count: 9

    Hello,
    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
    Thanks

    #214323
    David Martin – Support
    Moderator
    Post count: 20834

    Please show us a link where you are trying to do this.
    – David.

Viewing 15 posts - 1 through 15 (of 23 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register