Resize SVG Image on Password Page

Solved

Hey All,

I added an SVG image to my password-content.liquid code using an Asset, but I'm behooved on how to resize it.
Right now it fills the screen, but I only want it to be around 100px wide.

How should I edit my code?

Current Code:

 

<center>
  {{ 'sociallogos_Instagram-White.png' | asset_url | img_tag | link_to: 'https://www.instagram.com/Braylon_Janes' }}
  {{ 'sociallogos_TikTok-White.svg' | asset_url | img_tag | link_to: 'https://www.tiktok.com/@braylonjanes4' }}
</center>

 

How the page currently looks: https://braylonjanes.com/password

Best,
Kaila

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes
Shopify Partner
1143 187 468

This is an accepted solution.

Please place this code at the end of theme.scss

.password-page__main__inner  center a:nth-child(2) img {
    width: 26px !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com

That worked, thanks! 

Updated page here: https://braylonjanes.com/password

Now, might I ask which is better for page speed and overall performance across browsers?

The previous code with your solution, or this code below?

<center>
    <a href="https://www.tiktok.com/@braylonjanes4">
      <img src="https://cdn.shopify.com/s/files/1/0277/5420/1186/files/TikTok-White.svg?v=1606799388" alt="Say Hi to Braylon Janes on TikTok" width="26"/>
  	</a>
    <a href="https://www.instagram.com/Braylon_Janes">
      <img src="https://cdn.shopify.com/s/files/1/0277/5420/1186/files/Instagram-White.svg?v=1606799388" alt="Say Hi to Braylon Janes on Instagram" width="26"/>
  	</a>
</center>

 

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes
Shopify Partner
1143 187 468
<center>
    <a href="https://www.tiktok.com/@braylonjanes4">
      <img src="https://cdn.shopify.com/s/files/1/0277/5420/1186/files/TikTok-White.svg?v=1606799388" alt="Say Hi to Braylon Janes on TikTok" style="width: 26px !important;" />
  	</a>
    <a href="https://www.instagram.com/Braylon_Janes">
      <img src="https://cdn.shopify.com/s/files/1/0277/5420/1186/files/Instagram-White.svg?v=1606799388" alt="Say Hi to Braylon Janes on Instagram" style="width: 26px !important;" />
  	</a>
</center>
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com

Great, thank you! Might I ask why?

Working with small businesses to establish branding, online presence, and strategy for marketing and operations.
0 Likes
Shopify Partner
1143 187 468

This is the syntax of HTML so

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com