Brand list alphabet columns to be removed

This topic has 3 replies, 2 voices, and was last updated 4 years, 3 months ago ago by saimana

  • Avatar: saimana
    saimana
    Participant
    March 28, 2021 at 18:20

    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.

    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 29, 2021 at 08:44

    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

    Avatar: saimana
    saimana
    Participant
    March 29, 2021 at 09:35

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

    Thank you, Rose.

  • Viewing 3 results - 1 through 3 (of 3 total)

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

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.