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: poppingparties@2024!

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
.list-social__item .icon{
height: 4.2rem !important;
width: 4.2rem !important;
}
.footer__content-bottom-wrapper{
justify-content: center;
align-items: center;
}
</style>

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

[GLSatellite]

That worked perfectly! Thank you so very much!

[comercioservice]

@GLSatellite hope you are well

Please go to

1) Online store

2) Themes -> Edit theme

3) Layout

4) base.css and paste this code on the end

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

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

[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.