Add < in breadcrumb navigation on individual product page

• Used code provide on the forum to add subcategory to navigation breadcrumbs.  Now need additional code to add an extra > between the two subcategories I added.  Check out link to website page.  > needs to be added between By all team colors > Red, White & Blue  Links work, just need the additional coding to add > https://www.prettyboylacrosse.com/shop/p/red-white-blue-sports-water-bottle

•  
•  
• TUANPHAN
• @tuanphan 

I see you already solved this?

Hi Tuanphan!

I have not, there needs to be one between Colors and Red,

website page is https://www.prettyboylacrosse.com/shop/p/red-white-blue-sports-water-bottle

On 5/10/2024 at 12:46 AM, PBL_user said:

Hi Tuanphan!

I have not, there needs to be one between Colors and Red,

website page is https://www.prettyboylacrosse.com/shop/p/red-white-blue-sports-water-bottle

 

Use this code to Website > Website Tools > Custom CSS

span.ProductItem-nav-breadcrumb-separator a:first-child:after {
    content: '\203A' !Important;
}

Hi @tuanphan

I added the above and still not appearing.  I even tried with a new product, see image.  It needs to be between product and jacket.  

Change I in !Important to lowercase, it should be

span.ProductItem-nav-breadcrumb-separator a:first-child:after {
    content: '\203A' !important;
}