Bootstrap icon in "sort by"

[gringo211985]

Hi there,

I want to add a bootstrap icon to the "sort by" selector on the category pages, I've found /views/category/tmpl/default.php and I have tried adding the iclass here but I think I need to add it in the source of the "sort by" because wherever I place the icon it is not part of the link (see attachment) Can someone tell me which file I need to edit to achieve this please?

<div class="orderby-displaynumber">
   <div class="floatleft vm-order-list">
      <?php echo $this->orderByList['orderby']; ?><i class="fa fa-arrow-circle-o-down"></i>
      <?php echo $this->orderByList['manufacturer']; ?>
   </div>
   <div class="vm-pagination vm-pagination-top">
      <?php echo $this->vmPagination->getPagesLinks (); ?>
      <span class="vm-page-counter"><?php echo $this->vmPagination->getPagesCounter (); ?></span>
   </div>
   <div class="floatright display-number"><?php echo $this->vmPagination->getResultsCounter ();?><br/><?php echo $this->vmPagination->getLimitBox ($this->category->limit_list_step); ?></div>


   <div class="clear"></div>

Any help would be much appreciated,
Richard

[PRO]

the easiest way is to do it with css

.orderlistcontainer .title{}

https://css-tricks.com/almanac/selectors/a/after-and-before/