Elementor Portfolio Widget: измените все остальные строки с трех столбцов на два столбца - PullRequest
Новая
       52

Elementor Portfolio Widget: измените все остальные строки с трех столбцов на два столбца

0 голосов
/ 25 марта 2020

Веб-сайт WordPress, использующий конструктор страниц Elementor, и на этой странице я использую виджет портфолио: https://vizitorzwelcome.com/vizit - клиент ищет макет, подобный следующему: https://www.youvisit.com/collegesearch/

Каждая вторая строка меняется с трех столбцов на два столбца ... Я получил его для работы с ALL, но он не будет работать с отфильтрованными элементами. 

.page-id-108 .elementor-grid-3 .elementor-grid {
    display: flex;
    flex: wrap;
    width:100%;
    height: 100%;
    position: relative;
}

.page-id-108 article.elementor-portfolio-item {
    margin: 4px!important;
    display:flex;
}


.page-id-108 article.elementor-portfolio-item:nth-child(5n+1), .page-id-108 article.elementor-portfolio-item:nth-child(5n+2), .page-id-108 article.elementor-portfolio-item:nth-child(5n+3) {
    flex: 30%;

}

.page-id-108 article.elementor-portfolio-item:nth-child(5n+4), .page-id-108 article.elementor-portfolio-item:nth-child(5n+5) {
    flex: 40%;
}




.page-id-108 article .elementor-portfolio-item:nth-child(5n+1):last-child, .page-id-108 article .elementor-portfolio-item:nth-child(5n+2):last-child, .page-id-108 article .elementor-portfolio-item:nth-child(5n+3):last-child, .page-id-108 article .elementor-portfolio-item:nth-child(5n+5):last-child, .page-id-108 article .elementor-portfolio-item:nth-child(5n+4):last-child, .page-id-108 article .elementor-portfolio-item:nth-child(5n+5):last-child {
    flex: 40%;
}
...