Brand list alphabet columns to be removed

Solved2 replies2 participantsUpdated by saimana

  • Avatar: saimana
    saimana
    Participant

    Hi, I want to customize the brand list WPBakery element > Xstore > Brand list
    In the url you can see on homepage list of brands which are ordered in columns by alphabet. My task is to order all the logos in same container not divided by alpabet columns.

    In the html structure there is a div with classes: et-isotope-item brand-list-item col-md-2 col-sm-3 col-xs-12 alpahbet-letter (A, B, C and etc.), I want to remove this parent div and to leave only childs divs with all the brands in one container.
    But the logic of your code if very difficult to understand. I tried to extend the classes it into xtore my child theme and to rewrite the VC backend and frontend..

    I’m not sure how to hook into your funcions. I also need to add an extra parameters to settings of VC element Brand List.

    If you point me to the correct way to extend and modify the element will be grateful.

    Thanks.

    #281529 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

    2 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hi,

    1) You can use the next custom CSS code:

    .brand-list {
    height: auto !important;
}
.brand-list .et-isotope-item {
    position: static !important;
    width: auto;
    flex-wrap: wrap;
    float: none;
}
.brand-list .et-isotope-item .work-item {
    width: calc(50% - 30px);
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

@media only screen and (min-width: 992px) {
    .brand-list .et-isotope-item .work-item {
        width: calc(16.66% - 30px);
    }
}
@media only screen and (min-width: 480px) {
    .brand-list .et-isotope-item .work-item {
        width: calc(33.33% - 30px);
    }
}

    2) You cannot rewrite classes in your child-theme because it is plugin directory and you can only make changes in Core plugin which is not recommended because every time after update you should add your changes to updated plugin files
    wp-content/plugins/et-core-plugin/app/controllers/shortcodes/brands-list.php (for frontend output render)
    wp-content/plugins/et-core-plugin/app/controllers/vc/brands-list.php (for WPBakery options)

    Regards

    #281578 Copied
    Avatar: saimana
    saimana
    Participant

    Yes, This will do the job. I almost forgot to use css as an option…

    Thank you, Rose.

    #281593 Copied

The issue related to '‘Brand list alphabet columns to be removed’' has been successfully resolved, and the topic is now closed for further responses