(Squarespace) Change arrow (>) to custom icon from Breadcrumbs

To change arrow (>) to custom icon in Breadcrumbs in Product Detail.

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or send me an email.

span.ProductItem-nav-breadcrumb-separator:after {
   color: transparent;
   background-image: url(https://cdn.pixabay.com/photo/2025/02/22/17/45/food-9424463_1280.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 30px;
   display: inline-block;
}

Result

1 Like

@tuanphan,

:heart: :heart: :heart: