Custom Cart Icon WordPress
http://f2f.141.myftpupload.com/
How can I change my site above so that the shopping cart instead of the bag becomes the font awesome cart icon?
I did a hack in the menu to put the icon but I rather change the main one so there is an item count next to it.
I know its custom css but i can't figure it out.
Thanks
Answers (3)
Shoeb mirza answers:
<script type="text/javascript">
$(document).ready(function() {
$('i.getbowtied-icon-shop').replaceWith('i.fa.fa-shopping-cart.fa-lg');
});
</script>
Try this jquery
robkaufman comments:
Is there a way to do this css? Im not familiar with jquery.
Shoeb mirza comments:
Please include before the given script code.. <script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" />
Shoeb mirza comments:
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" />
<script type="text/javascript">
$(document).ready(function() {
$('i.getbowtied-icon-shop').replaceWith('i.fa.fa-shopping-cart.fa-lg');
});
</script>
You've to include this in header.php before </head>
Rempty answers:
You can add this javascript
jQuery(document).ready(function(){
jQuery('i.getbowtied-icon-shop').addClass('fa fa-shopping-cart fa-lg');
jQuery('i.getbowtied-icon-shop').removeClass('getbowtied-icon-shop');
});
robkaufman comments:
I tried adding that to my header JS code but it didnt work.
Rempty comments:
Or add this css
i.getbowtied-icon-shop{
font-size: 1.33333em!important;
line-height: 0.75em!important;
vertical-align: -15%;
display: inline-block;
font-family: FontAwesome!important;
font-style: normal;
font-weight: normal;
font-size-adjust: none;
font-stretch: normal;
font-feature-settings: normal;
font-language-override: normal;
font-kerning: auto;
font-synthesis: weight style;
font-variant: normal;
font-size: inherit;
text-rendering: auto;
transform: translate(0px, 0px);
}
.getbowtied-icon-shop::before {
content: "\f07a"!important;
}
dimadin answers:
You need to find place in your theme "Mr. Tailor" where "getbowtied-icon-shop" and replace it with "fa fa-shopping-cart fa-lg". Since it is premium and not open source, I don't know exact file where this is.