How can I adjust social media icon size in the Dawn theme?

[timbowes]

I have looked at multiple answers and really struggle to understand we are wanting to change our facebook and insta logos to a bigger size is says to go to asset and ->/component-list-social.css-> but this isn't showing up in my coding any help would be greatly appreciated

[GemPages]

Hello @timbowes ,

It's GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[timbowes]

Crazy for Cake

[KetanKumar]

@timbowes 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.social-media-links {
    padding: 0px 20px;
}
.social-media-links svg {
    width: 24px;
    height: 24px;
}

[GemPages]

Hello @timbowes ,

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.sf-topbar .sf__topbar-inner .social-media-links svg {
  width: 22px;
  height: 22px;
}
</style>

For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[PageFly-Victor · Accepted solution]

Hi @timbowes ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps: 

• Go to Online Store->Theme->Edit code
• Asset->theme.css 
• Paste the below code at the bottom of the file

.social-media-links.flex.items-center.px-2 svg {

   width: 32px !important;
   height: 25px !important;
}

Hope my solution works perfectly for you!

Regards,

Victor | PageFly