Home › Forums › WoodMart support forum › Uniform portfolio grid for desktop

Uniform portfolio grid for desktop

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

    atadv.com
    Participant

    Hi, I need to set an uniform portfolio archive grid like I can do with product grid.
    Regardless of the title length, cards placed side by side must have the same height.
    Thanks a lot for any help you can provide

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

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please share the page URL so I can check and give you a possible solution.

    Best Regards

    #731030

    atadv.com
    Participant

    Hello, below you can find your temporary admin access (website is in staging and coming soon).
    Thanks a lot for any help you can provide

    #731038

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have checked your site, and it is already the same height.

    See the screenshot for clarification: https://postimg.cc/ZBLvrNN2

    Best Regards

    #731048

    atadv.com
    Participant

    please see the whole page

    #731056

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add this following custom CSS code in Theme Settings > Custom CSS:

    .wd-projects .wd-project {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .wd-projects .wd-project .entry-header {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        height: 100% !important;
        background-color: #ffffff !important;
    }
    
    .wd-projects .wd-project .portfolio-info {
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        background-color: #ffffff !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    Best Regards,

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