zartgesotten
10/16/2017 - 9:08 AM

Change Order of Divs VIA CSS in PowerPack Expandable Row

The PowerPack Expandable row extension has limited settings for Styling. To change it so it looks like an accordion you have to set it to : Arrow BESIDES Title And add this code.

expandable-row-pp
content_copyfile_download
/*Style Aufklapp-Reihe Downlads*/

.pp-er-wrap {border:1px solid black;}

.fa-angle-down:before {
    content: "\f067";
}

.pp-er-open .fa-angle-down:before {
    content: "\f068!important";
}

.pp-er-open .pp-er-wrap .pp-er-arrow:before {
    content: "\f068";
}
.pp-er .pp-er-inner .pp-er-title-wrap {
    text-align: left;
    margin-left:20px;
}

.pp-er .pp-er-wrap {
    padding-bottom: 38px!important;
}

.pp-er-title {float: left;
    height: auto;
    margin-top: -3px;
    width: 100%;
    padding-left: 30px;
    }
    
    .pp-er-arrow {
    float: left;
    width: 36px;
    height: auto;
    margin-left: -100%;
    }