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

Solved

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

lukasz666
Explorer
53 0 12

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 

 

 

Accepted Solution (1)
RockTechnolabs
Shopify Partner
251 36 59

This is an 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

banned

View solution in original post

Replies 10 (10)

RockTechnolabs
Shopify Partner
251 36 59

Share me store URL and theme name

banned
lukasz666
Explorer
53 0 12

Oh god, sorry i forgot : 

 

https://artisanroast.co.uk/

 

theme is called Shella 

 

best , 

 

Natasha-Saed
Shopify Partner
420 46 77

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

 

NatashaSaed_0-1693816560430.png

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
lukasz666
Explorer
53 0 12

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

RockTechnolabs
Shopify Partner
251 36 59

@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> 

 

RockTechnolabs_0-1693828481402.png

 

banned
lukasz666
Explorer
53 0 12

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
Shopify Partner
251 36 59

@lukasz666 please add this class here 

RockTechnolabs_1-1693830072942.png

 

 

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

Best Regards,
Rock Technolabs

banned
RockTechnolabs
Shopify Partner
251 36 59

This is an 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

banned
lukasz666
Explorer
53 0 12

Thank you very much. All works perfectly. 

 

Natasha-Saed
Shopify Partner
420 46 77

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint