hello
i’m trying to change the cart icon in the “discover” button in theory a little icon that i selected from the awesome font library should appear during the hover, but sadly nothing is showing.
I tried to change it through the custom css code that I paste below:
.product-element-top:before {
position: absolute;
top: 50%;
left: 50%;
visibility: hidden;
margin-top: -16px;
margin-left: -16px;
opacity: 0;
transition: opacity .1s ease, visibility .1s ease;
content: “\f05a”;
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid rgba(0,0,0,0);
border-left-color: var(–color-gray-900);
border-radius: 50%;
vertical-align: middle;
font-family: ‘Font Awesome 5 Free’;
}
.product-element-top:after {
position: absolute;
top: 50%;
left: 50%;
visibility: hidden;
margin-top: -16px;
margin-left: -16px;
opacity: 0;
transition: opacity .1s ease, visibility .1s ease;
content: “”;
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid rgba(0,0,0,0);
border-left-color: var(–color-gray-900);
border-radius: 50%;
vertical-align: middle;
font-family: ‘Font Awesome 5 Free’;
}
please help me
Attachments:
You must be
logged in to view attached files.
.
