Home Forums Themes Support Claue-Shopify How to add grid to the product photos

Topic Resolution: Resolved

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21009

    How to add grid ( lines to separate) to the product photos like the picture attached?

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

    Hi,

    Please add below code to Theme Settings > Custom Code > Custom CSS

    .products [class*="jas-col-"] {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    }
    .products [class*="jas-col-"]:nth-child(1),
    .products [class*="jas-col-"]:nth-child(2),
    .products [class*="jas-col-"]:nth-child(3),
    .template-index .products [class*="jas-col-"]:nth-child(4) {
    border-top: none;
    }
    .products [class*="jas-col-"]:nth-child(3n),
    .template-index .products [class*="jas-col-"]:nth-child(4n) {
    border-right: none;
    }
    .template-index .products [class*="jas-col-"]:nth-child(3n) {
    border-right: 1px solid #ddd;
    }

    Best regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #21057

    Super ! Thanks Harry

    #21074

    You’re welcome.

    Hope you love our theme and support and consider give our theme 5 stars rating and good review at https://themeforest.net/downloads

    Thank and have a nice day!

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

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

You must be logged in to reply to this topic.