Re: Refresh Theme Center Social Icons in the Brand Info Section

Solved

Refresh Theme Center Social Icons in the Brand Info Section

ii_cooks
Excursionist
19 1 3

Hello,

 

I am using the Refresh theme and am trying to center things in each block of the footer. So far, I've been able to center the logo and the text section, but I can't get the social icons to center. They appear in the Brand Information section of the footer. I just want them to be centered in that section. Any thoughts on how to do that? 

Thanks!Screenshot 2023-04-24 at 8.08.11 PM.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4712 1077 1742

This is an accepted solution.

Hi @ii_cooks, This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyRichard_0-1682395854928.png

 

PageFlyRichard_1-1682395854932.png

 

<style>
ul.footer__list-social.list-unstyled.list-social {
justify-content: center;
}
</style>

 

Hope this answer helps.

Best Regards,

PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
10066 2004 2050

HI @ii_cooks 

Could you share your store URL? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ii_cooks
Excursionist
19 1 3

Hi - Yes it's https://thecookskit.myshopify.com/
PW is password

Thanks!

Dan-From-Ryviu
Shopify Partner
10066 2004 2050

Hi, please add this CSS code at the end of base.css file of your theme  

 

.footer-block__brand-info .footer__list-social.list-social {
justify-content: center !important;
}

This is the result 

Screenshot 2023-04-25 at 10.29.06.png

 

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ii_cooks
Excursionist
19 1 3

Hi, Thank you for your suggestion. I tried that but it didn't center the social icons. Any other suggestions? Thank you!

AliReviews
Shopify Partner
773 90 356

Hello @ii_cooks ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css file -> add the following code at the bottom of page 

.site-footer__social-icons {
  display: flex;
  justify-content: center;
}

Save and preview 

 

Let us know if you can troubleshoot the problem.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
ii_cooks
Excursionist
19 1 3

Hi, Thank you for your suggestion. I tried that but it didn't center the social icons. Any other suggestions? Thank you!

PageFly-Richard
Shopify Partner
4712 1077 1742

This is an accepted solution.

Hi @ii_cooks, This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyRichard_0-1682395854928.png

 

PageFlyRichard_1-1682395854932.png

 

<style>
ul.footer__list-social.list-unstyled.list-social {
justify-content: center;
}
</style>

 

Hope this answer helps.

Best Regards,

PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

ii_cooks
Excursionist
19 1 3

Hi, thank you so much!! This worked. Really appreciate it!