This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 2 years, 10 months ago.

Move portlet dropdown arrow location

  • chris.cavage

    Member Reply #7287

    I am using many portlets on a page.

    I have the drop down arrows per portlet to allow the user to expand/collapse them.

    How can I move the drop down arrow location so it is at the beginning of the portlet, not the end?


    <!– BEGIN Portlet PORTLET–>

    <div class=”portlet light”>

    <div class=”portlet-title”>

    <div class=”caption”>

    <i class=”fa fa-flash”></i>Company Info </div>

    <div class=”tools”>


    <div class=”actions”>



    <div class=”portlet-body” style=”display:none”>

    <table cellpadding=”0″ cellspacing=”0″ border=”0″ class=”display” id=”company” width=”100%”>




    <th>Website URL</th>







    <!– END Portlet PORTLET–>


    Posts: 4527
    Support Staff Reply #7299


    You can try to add below code into your custom.min.css:

    .my-portlet.portlet > .portlet-title > .actions {

    float: none;


    And apply “my-portlet” class to your portlet.

    If you need any further clarifications please let us know.


You must be logged in to reply to this topic.