Centre align payment and social media icon

[bexpaints]

Hello,

Can someone help me with 2 things, I am using the Debut theme.

1 - centre align the payment icon, the social media icon and the text at the bottom left? (all 3 that are circled in the below picture).

2 - once it is centre aligned, can you move the instagram icon above the payment icons?

Thanks!

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[ZestardTech]

checking

[bexpaints]

Hi @ZestardTech

Sorry I’m new to Shopify. Can you send me the right code and I can add this? I am using the debut theme

Thanks

[bexpaints]

Are you able to send me a collab request?

[bexpaints]

@ZestardTech

https://bex-paints.myshopify.com

password: obreur

thanks

[bexpaints]

Please can someone help to solve this? As it’s still not solved

thanks

[Kinjaldavra]

hello @bexpaints

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer .grid{
    display: flex;
    flex-wrap: wrap;
    position: relative;

}
.site-footer .grid  .grid__item:nth-child(1){
      text-align: center;
      width: 100%;
      margin: 20px 0;
}
.site-footer .grid  .grid__item:nth-child(2){
    position: absolute;
    top: -15px;
    left: 0;
    width: 50%;
}
.site-footer .grid  .grid__item:nth-child(4){
 text-align: center;
}

[bexpaints]

You’re a hero thank you!!

Is there a way to make the Instagram logo a bit bigger?

Thanks!

[Kinjaldavra]

hello @bexpaints

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer .social-icons .icon.icon-instagram {
    width: 35px !important;
    height: 30px !important;
}

[bexpaints]

Hi @Kinjaldavra

Wondered if you could help me solve this?

1 - I have added the currency selector as per below screenshot, but how can I remove the country from the dropdown, and keep the currency wording? i.e. remove IRELAND and UNITED KINGDOM only.

2 - Adding the currency has moved the positioning of my footer. Can this be moved to where the star is and have everything centred, including the payment icons and the ‘2021, bexpaints powered by shopify’ text?

https://bex-paints.myshopify.com/

password: obreur

Thank you!

[Kinjaldavra]

hello @bexpaints

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. see screenshot https://nimb.ws/5Sywbn

@media only screen and (min-width: 750px){
    .site-footer {
    padding-bottom: 70px;
   }
  .site-footer  .disclosure{
    position: absolute;
    top: 100%;
    left: 42%;
  }
}

[bexpaints]

Hello @Kinjaldavra

Thanks for the response. This is what it looks like on mobile version and the positioning is perfect. On the website version, I just need everything to be centred. Can you send me the code for this as it still looks like the second screenshot?

Thanks!!

mobile version:

Website version - need everything to be centred: