Home Forums WoodMart support forum How to display items like this?

How to display items like this?

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

    Golden1
    Participant

    I’ve tried all settings in the theme settings, but which option specifically should I use to display my products in these really nice boxes, with a nice “login to view prices” box?

    #375914

    Hello,

    Please Go to Theme Settings >> Product Archive >> Product Styles and set the style to tiled.

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

    a.login-to-prices-msg.login-side-opener {
    background: yellow;
    color: black;
    padding: 8px;
    }

    .product-grid-item .price {
    text-align: center;
    }

    Best Regards

    #379618

    Golden1
    Participant

    Here it how it looks now, any way to increase the gap between the product title and the ‘login to view prices’ box?

    #379814

    Hello,

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

    .product-grid-item .price {
    margin-top: 20px;
    }

    Best Regards

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