How can I make social media icons bigger?

Solved
KatesShop
Excursionist
14 0 4

Hi there

I am using the Supply theme and the social media icons/links appear right at the very bottom of the page, underneath the footer, and they are really tiny so will easily be missed.

How do I make these maybe twice the size?  I assume I'll have to change some code?

Thank so much

Not a programmer but have half a brain so can hopefully figure most stuff out.
Replies 62 (62)
AndreaBergs
Tourist
8 0 1

Hey there ! 🙂 I have the same problem and I tried every solution you have given on this thread but nothing worked.
Do you have any solution for the Icon theme? I have stylesheet.css.
The url to my website is www.wrinklesschminkles.is

KetanKumar
Shopify Partner
36495 3620 11759

@AndreaBergs 

yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css ->paste below code at the bottom of the file.

.share-icons--icon { width: 50px ; height: 50px ; }

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salar15
Tourist
9 0 6

Hi,

I am trying to make the social medias bigger for the footer on Capital theme.

could you please help me to do it?

 

Thank you

KetanKumar
Shopify Partner
36495 3620 11759

@salar15 

sorry for that issue please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salar15
Tourist
9 0 6

Thank you for your help.

here is the store url: https://www.classiccanvas.ie/

KetanKumar
Shopify Partner
36495 3620 11759

@salar15 

thanks for url, can you please try this code

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

.main-footer-inner .social svg {
height: 35px ; width: 35px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salar15
Tourist
9 0 6

it works perfectly!

thanks a lot for your help

KetanKumar
Shopify Partner
36495 3620 11759

@salar15 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salar15
Tourist
9 0 6

Hi, 

I still have a small problem with the add to cart button. I can make it the same size as the buy with PayPal button on desktop, but the size will be different on mobile devices.

Is there a way to fix this?

Thank you

IMG_20211113_180940.jpg

Screenshot_20211113_180953_com.android.chrome.jpg

KetanKumar
Shopify Partner
36495 3620 11759

@salar15 

yes please add this code

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

.product-details .product-form .form-actions .button {
    min-width: 100% !important;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salar15
Tourist
9 0 6

it works fine.

thank you so much

Rox1
Tourist
4 0 0

Thanks it works 🙂

amazezones
Excursionist
55 0 12

Hi there 

 

I could not find file called typography.scss.css in Shella Theme. Could you please assist me

amazezones
Excursionist
55 0 12

I'm trying to increase social media font both in header and footer. 

KetanKumar
Shopify Partner
36495 3620 11759

@amazezones 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36495 3620 11759

@amazezones 

thanks for ulr but sorry your store password protect 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
amazezones
Excursionist
55 0 12

I forgot the pass sorry for that pass: bahshe

KFORREST
Excursionist
19 0 6

I tried this on the Supply theme and it didn't work.  Any new suggestions?

 

KFORREST
Excursionist
19 0 6

I tried this in the Supply theme and it didn't work either.  Suggestions?