customization of pop up controls on hover in the shop page

Home Forums WordPress Themes customization of pop up controls on hover in the shop page

This topic contains 3 replies, has 3 voices, and was last updated by  supporter 1 year, 9 months ago.

Website URL: http://test1.dimarketing.biz/product-category/deli/
Theme: SAHARAN - Responsive WordPress Theme
Purchase Code: Supplied
Support date: 2017-03-13expired

  • Author
    Posts
  • #24052

    Pavel
    Participant
    1. I need to change the color of controls, that pop up on hover in the shop page (now they are black)
    2. I need to move this controls down from the center of a product image
    Attachments:
    You must be logged in to view attached files.
  • #24135
    Kevin Sobo
    Kevin Sobo
    Keymaster

    1 – To change color of buttons, please edit the “less/food.less” of the child theme. Search for “#343434” then replace with new color.

    2 – Add this css code into Theme Options=>Custom CSS:

    .main-container .shop-products .item-col .product-wrapper .actions {
    top: 28%;
    }
  • #24207

    Pavel
    Participant
    1. colors are done. Thanks
    2. the code you have provided me (to move down controls) influenced only products on the main page, and didn’t do any change to products on the shop page
    Attachments:
    You must be logged in to view attached files.
  • #24291

    supporter
    Moderator

    Hi.

    Because the thumbnails in product page lager than in homepage so it look not like changed. Please go to update top of the upper code like:

    top:45%;

    then add this code:

    .main-container .products-carousel .shop-products .item-col .product-wrapper .actions{
    
    top:28%;
    
    }

    Thanks.

You must be logged in to reply to this topic.

Browser our premium, beautiful WooCommerce WordPress themes for your online store