Can icons be replaced with custom text?

Solved

Can icons be replaced with custom text?

RevelationMex
Tourist
7 0 1

Hello I want to change these icons to a custom text in Spanish. Can these be changed to text?Screenshot 2025-01-16 214045.jpg

 

Accepted Solution (1)

Bundler-Manuel
Trailblazer
666 30 78

This is an accepted solution.

Hi @RevelationMex  You should try the following steps and let me know if it works for you

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css  and paste this at the bottom of the file:

.header__icon--search::after {
	content: 'Search';
	position: absolute;
	top: 50%;
}

.header__icon--account::after {
	content: 'Account';
	position: absolute;
}

.header__icon--cart::after {
	content: 'cart';
	position: absolute;
}
.header__icon--search span, .header__icon--account svg, .header__icon--cart svg{
  display: none;
}

 

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

View solution in original post

Replies 2 (2)

Bundler-Manuel
Trailblazer
666 30 78

This is an accepted solution.

Hi @RevelationMex  You should try the following steps and let me know if it works for you

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css  and paste this at the bottom of the file:

.header__icon--search::after {
	content: 'Search';
	position: absolute;
	top: 50%;
}

.header__icon--account::after {
	content: 'Account';
	position: absolute;
}

.header__icon--cart::after {
	content: 'cart';
	position: absolute;
}
.header__icon--search span, .header__icon--account svg, .header__icon--cart svg{
  display: none;
}

 

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
RevelationMex
Tourist
7 0 1

Screenshot 2025-01-17 185255.jpg

 

How can I fix these it makes all of them be in top of another