How can I resize an icon added to my website header?

Hi,

I’m trying to remove the login/logout text in my theme and replace them with the an icon.

I have added the icon to my header (see code below) but I can’ seem to target it in order to make it smaller.

Can anyone help please? Thank you!

{% if shop.customer_accounts_enabled %}
            {% if customer %}
              - {{- 'layout.customer.log_out' | t -}}
                
              

              {% if customer.name != blank %}
                - {{- customer.name -}}
                  
                

              {% endif %}
            {% else %}
              - {{- 'layout.customer.log_in' | t -}}
                
              

            {% endif %}
          {% endif %}

Hi @hellocc

I’m Dan from Ryviu: Product Reviews & QA

You can remove those parts to remove those codes to remove the texts

Best Regards,

Dan

Hi @hellocc ,

Insert attribute width and height on tag

width="20" height="20"

And this is the final result:

view - 2024-02-19T090451.193.png

Hope it works @hellocc