Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 21, 2015 at 4:46 pm #476610
    simonac

    Hi,

    is it possible to change the text seperator / which is between the categories in the sort options of the portfolio grid?

    So for example instead of the / i want an icon.

    Thanks Simon

    July 21, 2015 at 7:38 pm #476694
    Elliott

    Hi simonac!

    Add this to your custom CSS.

    .business_sort_sep::before {
    content: "\e800";
    font-family: entypo-fontello;
    color: yellow !important;
}
.business_sort_sep { color: white; }

    Regards,
    Elliott

    July 21, 2015 at 7:59 pm #476708
    simonac

    Hi Elliot, that worked!

    How can i adjust the position of the icon and how to make it bigger?

    Thanks Simon!

    July 22, 2015 at 6:25 am #476870
    Rikard

    Hi!

    Please try adding this as well:

    .text-sep business_sort_sep {
  font-size: 15px !important;
}

    Regards,
    Rikard

    July 22, 2015 at 9:35 am #476937
    simonac

    Hi Rikard,

    thad dit not work.

    How about to adjust the position?

    Thanks

    July 22, 2015 at 3:25 pm #477126
    Yigit

    Hey!

    Please change the code to following one 

    .sort_by_cat span.text-sep:before {
    content: "\e8c0";
    font-family: entypo-fontello;
    color: black !important;
    font-size: 24px;
    top: 3px;
    position: relative;
    left: 5px;
}
.sort_by_cat span.text-sep {
    color: transparent!important;
}

    Cheers!
    Yigit

    July 22, 2015 at 3:38 pm #477140
    simonac

    Great! That worked.

    Many Thanks!!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘portfolio grid sort options text seperator /’ is closed to new replies.