Resize social media icons and center copyright

[GLSatellite]

I’m currently using the Dawn theme. I’d like to make the social media icons at the footer a bit bigger and also center the copyright text. I tried to add some code, but nothing was changing anything. I can’t see any size adjustment on the theme editor either, so I’m quite lost. Please help

Attached above is a screenshot of how it looks like now. Any help would be appreciated.

[niraj_patel]

Hello @GLSatellite

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[GLSatellite]

Store url: https://poppingpartiesph.myshopify.com/

Password: [email removed]

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.list-social__item .icon{ height: 4.2rem !important; width: 4.2rem !important; } .footer__content-bottom-wrapper{ justify-content: center; align-items: center; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Sweans]

Hi @GLSatellite ,

You can update its style from the theme.css. Please share your store URL and password. We will check it and share the necessary code for it.

Regards,

Sweans

[Rahul_dhiman]

Hello @GLSatellite
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.

.list-social__item .icon {
height: 4.2rem;
width: 4.2rem;
}
.footer__content-bottom-wrapper {
justify-content: space-evenly;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[BSS-TekLabs]

• Here is the solution for you @GLSatellite
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

.list-social__item .icon {
    width: 40px !important;
    height: 40px !important;
}
.footer__content-bottom-wrapper {
    justify-content: center !important;
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[GLSatellite]

That worked perfectly! Thank you so very much!