How can I change the 'account' icon to text on my website?

[lukasz666]

hi all, 

I am struggling to change 'account' icon to  'ACCOUNT' text. 

Ideally, I would like to keep an icon and but also have 'ACCOUNT' written next to it ( the same as as current 'Bag) 

Could someone help, I imagine its dead simple but non of the forum solutions on similar subject worked. 

thanks! 

luk 

[RockTechnolabs]

Share me store URL and theme name

[lukasz666]

Oh god, sorry i forgot : 

https://artisanroast.co.uk/

theme is called Shella 

best , 

[Natasha-Saed]

You just need to add this code 

<span class="d-none d-lg-inline mt-lg-3" data-js-cart-count-desktop="0">Account</span> directly under this line <i class="icon-016"></i> to get the result you want

[lukasz666]

sorry for silly questions but where exactly do I need to paste it? Where can I find <i class="icon-016"></i>

[RockTechnolabs]

@lukasz666 

Please search "icon-016" on header.liquid file and after the <i class="icon-016"></i> add <span style= "margin: 3px auto auto 5px; line-height: 30px;">Account</span> 

[lukasz666]

Brilliant this worked. 

Is there any chance I can try and alight 'Account' to 'Bag' it seems to be some pixels off. Thanks for your help! 

[RockTechnolabs]

@lukasz666 please add this class here 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Rock Technolabs

[RockTechnolabs · Accepted solution]

@lukasz666 You can use both add class or add css

<span style= "margin: 3px auto auto 5px; line-height: 30px;">Account</span> 

I have updated code please add new code and let me know

[lukasz666]

Thank you very much. All works perfectly. 

[Natasha-Saed]

Can you share your store URL please so we can understand the issue