How can I change the size of social media icons in the theme Spotlight?

Solved

How can I change the size of social media icons in the theme Spotlight?

Karebear1
Tourist
5 1 2

I would like to change the size of the social media icons in the announcement bar and footer of the theme Spotlight. I was able to change the size of the bar and font but now the social icons need to be larger. TIA 

Accepted Solution (1)
Karebear1
Tourist
5 1 2

This is an accepted solution.

Thanks - I  supplied the wrong site for hempexco - it should be shophempexco.com. New site so I automatically typed in the old site address. This worked for Me&T so I will try the same for shophempexco.com

View solution in original post

Replies 7 (7)

devcoders
Shopify Partner
992 127 251

Hello @Karebear1 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Karebear1
Tourist
5 1 2

hempexco.com

 

Karebear1
Tourist
5 1 2

It is actually for both hempexco.com and meandtsoap.com

 

Made4uo-Ribe
Shopify Partner
9870 2351 2947

Hi @Karebear1 

Try this one. 

The hempexco I bealive the social icons in the footer to adjust make it smaller. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.elementor-widget-container .wp-image-18696, .elementor-widget-container .wp-image-18697 {
    height: 30px;
    width: 30px;
}

.elementor-element-2c67c62e p {
    padding-left: 20px;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1737927751142.png

     

For the meandtsoap store its to adjust bigger. 

Same Instruction. 

 

.utility-bar .list-social__item .icon {
    scale: 1.5 !important; 
}

 

And Save. 

Result:

Made4uoRibe_1-1737928798590.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Karebear1
Tourist
5 1 2

This is an accepted solution.

Thanks - I  supplied the wrong site for hempexco - it should be shophempexco.com. New site so I automatically typed in the old site address. This worked for Me&T so I will try the same for shophempexco.com

Karebear1
Tourist
5 1 2

This worked perfectly for both! Thanks!

Made4uo-Ribe
Shopify Partner
9870 2351 2947

Welcome, Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.