breadcrumb separator

[hchy]

Hello Kleo Forums,

I have been making great progress in my Kleo 3.0 website. I have had to ask a few questions here on the forums which results in great results. I always try for myself for a day or two before posting my question here. Also I search all over the forums and all over the internet.

I was wondering if it was possible to change the breadcrumb seperator only, currently it is a /, I would like to change it to another fontello code I got from fontello.com after importing the css into fontello.com. I would like to change the separator to a right arrow, “\e899”.

I have inspected and attempted many changes but none worked, I then transferred over some of the header.php and other .php files I was going to edit and place in my child theme dir but I could not find where the current breadcrumb separator is coming from.

Some things I have tried:

COPY CODE

.breadcrumb span.sep {
  content: "\e899"; !important;
}

COPY CODE

.breadcrumb > li + li:before {
    color: #ccc;
    content: "\e899";
    padding: 0 5px;
}

COPY CODE

.kleo_framework.breadcrumb span.sep {
content: "\e899";
}

Along with many more examples and changing it right through the inspect browsers I just cannot change the separator. Any assistance in just changing the breadcrumb separator would be greatly appreciated. The Kleo 3.0 theme has barely been changed, I am just using the title bar with the breadcrumbs in it like the Demo shown below:

http://seventhqueen.com/themes/kleo/members/

Under the page Title Members, it shows the breadcrumbs ” Home / Members “, I would really like to change the / separator to another fontello or char. Any guidance or assistance on this issue would be greatly appreciated.

[sharmstr]

Try this instead

COPY CODE

.breadcrumb .sep:before {
    content: "\e899" !important;
    font-family: fontello;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[hchy]

That worked perfectly. Thank you again for your help sharmstr. Have a great week!

[Author]

Posts