Solved

Footer copyright and payment icons text location

thraine
Tourist
6 0 0

Hello everyone ;

 

 

Im trying to change my copyright text to center but couldnt manage to do it.I read articles but doesnt work.

My theme is SPLIT theme

Can anyone help me about this

copy.jpg

 

Accepted Solution (1)
BrainStation23
Shopify Partner
260 43 41

This is an accepted solution.

hi @thraine 
Sure thing just replace the contents of the custom liquid section with this

 

 

<style>
.footer-container > .footer-bottom {
 justify-content: center;
}

.footer-copyright {
 display:flex;
 justify-content: center;
align-items: center;
 position: relative;
width: 100%;
margin-top: 0;
}

.site-payment {
 position: absolute;
 left: 0;
}

</style>

 

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Replies 9 (9)

PageFly-Noah
Astronaut
866 175 194

This is Noah from PageFly - Shopify Page Builder App

 

You can follow code here to align center copyright:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

 

<style>
.footer__copyright{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

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


PageFly - #1 Page Builder for Shopify merchants.


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

Xipirons
Shopify Partner
136 24 29

Hi @thraine 

 

Try this at the bottom of your ccs file :

.site-footer .footer-bottom {
  justify-content: center!important;
}

 

Was this helpful? Like or Accept solution - Buy me a coffee
- Contact me: Xipirons | WhatsApp
- Shopify Developer based in France, helping online merchants succeed

BrainStation23
Shopify Partner
260 43 41

hi @thraine ,
Here is how you can make the footer part in the center

1. Go to your theme editor.
2. Go to Footer part and add another section named Custom HTML/Liquid
Footer copiright section center 1.PNG

3. Add the code from below in the custom liquid section.

<style>
.footer-container > .footer-bottom {
 justify-content: center;
}
</style>

4. Click save
4.PNG

 

It should keep the copyright part in the center like the example below
3.PNG

Let us know if you need more help with this issue.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

thraine
Tourist
6 0 0

Thank you guys it worked but another issue for payment method also centered.

can it be payment left copyright center seperately ? in same line

 

Best

cop2.jpg

BrainStation23
Shopify Partner
260 43 41

hi @thraine ,

Go to the custom liquid section that you created. and add this and replace the whole code with this 

 

<style>
.footer-container > .footer-bottom {
 justify-content: center;
}

.footer-container .site-payment {
display: flex;
justify-content: center;
gap: 0.3rem;
}

</style>

 

 
don't worry even if you haven't used a custom liquid section before this solution will work. Check my comment to this thread before to see how to add custom liquid section in you're theme.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
thraine
Tourist
6 0 0

Hello

 

it works but payment section also become centered.ı want payment left side with same line

BrainStation23
Shopify Partner
260 43 41

This is an accepted solution.

hi @thraine 
Sure thing just replace the contents of the custom liquid section with this

 

 

<style>
.footer-container > .footer-bottom {
 justify-content: center;
}

.footer-copyright {
 display:flex;
 justify-content: center;
align-items: center;
 position: relative;
width: 100%;
margin-top: 0;
}

.site-payment {
 position: absolute;
 left: 0;
}

</style>

 

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
thraine
Tourist
6 0 0

that works great !

And last one how can i remove padding footer section.as you see there is more space

thraine_0-1711979503587.png

 

BrainStation23
Shopify Partner
260 43 41

hi @thraine 

Sure you can replace the contents of custom liquid section with this

<style>
.footer-container > .footer-bottom {
 justify-content: center;
 padding-top: 10px !important;
 padding-bottom: 10px !important;
}

.footer-copyright {
 display:flex;
 justify-content: center;
align-items: center;
 position: relative;
width: 100%;
}

.footer-copyright > .site-copyright {
 margin-top: 0;
}

.site-payment {
 position: absolute;
 left: 0;
 top: 0;
}
</style>
Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com