Home Forums WoodMart support forum Hello I need help with some questions.

Hello I need help with some questions.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #270800

    Carlinhosdistorres
    Participant

    1º How do I disable this option to view the products in a grid?
    image 1

    2º I would like when I hover over the product that the whole area is light green instead of white
    Image 2

    3º I would like to remove q quantity of products below the menus
    Image 3

    4º I tried to follow your tutorial, but I couldn’t reduce the size of the images of the products.
    I would like to keep 6 products per line with smaller images as they are too big. Even though I left 540 x470 px each image in the photoshop.
    Image 4

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

    Hello,

    First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

    I saw the screenshots you attached.

    1) Please Go to Theme Settings >> Shop >> Product Grid and disable the option.

    Screenshot for Clarification: https://ibb.co/kcFxcM7

    2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .woodmart-hover-base .content-product-imagin {
            box-shadow: 0 0 10px rgb(152 251 152 / 25%);
    }

    3) Please Go to Theme Settings >> Shop >> Sidebar & Page title and disable the option.

    Screenshot for Clarification: https://ibb.co/6FTnvzK

    4) Basically the product images are controlled by woocommerce and our theme doesn’t influence this. WooCommerce Allows some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

    Or you can read our detailed documentation about image alignment and content in the following link:
    https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    Regards.
    Xtemos Studios

    #270960

    Carlinhosdistorres
    Participant

    Thanks for the help, I am very grateful.
    However, in item 2 the CSS code did not work the background of the image when hovering is still white.

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

    Hello,

    You are Most Welcome.

    Please replace the previous Custom CSS with the following:

    .woodmart-hover-base .content-product-imagin {
        background: green;
    }

    Then clear cache and check back.

    Best Regards

    #271064

    Carlinhosdistorres
    Participant

    Perfect.

    Now just one last thing.
    how do I change the color of the wish list, cart and quickview buttons?
    I would like to leave it white since the background has now turned green.

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

    Hello,

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-action-btn.wd-style-icon>a:before {
        color: white;
    }

    Best Regards.

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