Changing the Arrow back icon to a text in product page
-
Hi Support,
Anyway possible way with CSS or whichever way you can do to change the black arrow on the product pages to have a text instead? I have attached a image to reference to what I mean. Thank you 🙂
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global and Desktop:
.single-breadcrumbs-wrapper>.container {
max-width: 1000px;
}
.single-breadcrumbs-wrapper .basel-back-btn {
width: auto;
}
.single-breadcrumbs-wrapper .basel-back-btn span:after{
content: none;
}
.single-breadcrumbs-wrapper .basel-back-btn span:before {
content: "Back to previous page";
position: static;
font-family: inherit;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
}
.single-breadcrumbs-wrapper .basel-back-btn > span {
width: auto!important;
height: auto!important;
background-color: transparent;
line-height: 1;
}
Best Regards