Product Text

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #523139

    shweta
    Participant

    Hello,

    1. I want to add text when somebody hovers on the product page. its text shows on the bottom left instead of the center. for better understanding please find the screenshot attached.

    2. Also, I want to reduce the product image height on the home page only.

    • This topic was modified 1 year, 8 months ago by shweta.
    Attachments:
    You must be logged in to view attached files.
    #523317

    shweta
    Participant

    Hi,

    Can you help with this, please? This is kind of urgent.

    #523321

    Hung Pham
    Keymaster

    Hi shweta,

    Thanks for reaching to us.

    1. Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

    .product-grid-item.product.wd-hover-info-alt :is(.product-element,.top-information) {
        text-align: left;
    }
    
    .product-grid-item.product.wd-hover-info-alt :is(.product-element,.top-information) {
        justify-content: end;
    }

    2. You can choose Products (grid or carousel) widget > Style tab and you can set Custom image width https://prnt.sc/rM9wDUQDtBtF

    Regards,

    #523322

    shweta
    Participant

    Hello, thank you for sharing the quick reply i want to resize the product image only on the home page instead of the shop and single product page.

    Also, we are not using elementor we are using Wp bakery also we don’t have to show this type of option on this element.

    • This reply was modified 1 year, 8 months ago by shweta.
    #523347

    shweta
    Participant

    Out of two issues raised, the first one is resolved. For the second one:

    I don’t want container size to reduce but the product display in it. For the same, I have also created a photoshop version of it. While I changed size in the setting of product grid, it is not reflecting on home page. Even at 300*300 the image still displays as it is.

    I hope you understood my concern.

    Attachments:
    You must be logged in to view attached files.
    #523552

    Hung Pham
    Keymaster

    Hi shweta,

    Please send me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, I will check the settings.

    Regards,

    #523555

    shweta
    Participant

    Find the login details below:

    #523681

    Hung Pham
    Keymaster

    Hi shweta,

    I set Images size size to `full https://prnt.sc/3oJlIbcHnldQ You can try to set fixed image size and note that it also depends on the number of columns of grid https://prnt.sc/-qyWRvUVQRoB

    Regards,

    #523685

    shweta
    Participant

    Hello,

    But I have to use the product image size is 1050*1200PX not 443*506

    #524099

    Hung Pham
    Keymaster

    Hi shweta,

    I am appreciate your patience.

    It caused by padding from Custom CSS, please remove it and check again https://prnt.sc/pMLThzaOHK2O

    Regards,

Viewing 10 posts - 1 through 10 (of 10 total)