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

[Author]

Posts