This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 1 week, 4 days ago.

Portlet Tools – how to change the "la-angle-down" icon?


  • NgoDatTri
    Participant

    Posts: 3
    Member Reply #18161

    Hi

    In Portlet Tools example, I would like to change icon “la-angle-down” to “la-angle-up” and reverse?
    Could you help me show how to change this? I feel the current direction is wrong.

    Attachments:
    You must be logged in to view attached files.
    Sean
    Sean
    Keymaster

    Posts: 4481
    Support Staff Reply #18181

    Hi,

    To change this you will need override the css code. You can use below code:

    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before,

    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before {

    content: “\f113”;

    }

     

    .m-portlet.m-portlet–collapse .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before,

    .m-portlet.m-portlet–collapsed .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link>i.la-angle-down:before {

    content: “\f110”;

    }

    Thanks.

    Thanks.

You must be logged in to reply to this topic.