Solved

Can I center the copyright text in Supply Theme on Shopify?

Amir_Ben_Shmuel
Shopify Partner
7 0 0

Hello, I currently have my copyright text on one side and all the rest of the footer is centered...

1112.png

 

 

 

 

I want the "© 2021 My Deal Searcher" to also be centered...

I did find the code for it but I can't manage to center it:

1111.png

 

Thank for the help.

[Site URL: https://mydealsearcher.com]

Accepted Solution (1)

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

@Amir_Ben_Shmuel 

Please go to Online store -> themes -> Edit theme -> Assets -> theme.scss.liquid and paste this code at the end of this file

@media only screen and (min-width: 769px) {
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths {
    width: 100%;
}
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths .legal-links {
text-align: center;
}
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 8 (8)

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

@Amir_Ben_Shmuel 

Please go to Online store -> themes -> Edit theme -> Assets -> theme.scss.liquid and paste this code at the end of this file

@media only screen and (min-width: 769px) {
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths {
    width: 100%;
}
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths .legal-links {
text-align: center;
}
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Amir_Ben_Shmuel
Shopify Partner
7 0 0

Thank you @Hardik29418 

I added it but still no change...

Also, I have this message on the top:

1111.png

Hardik29418
Shopify Partner
2858 407 1073

YOu have placed code in wrong format

 

.site-footer
    .wrapper
    .grid--full:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid--full:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links,
  .site-footer
    .wrapper
    .grid--rev:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid--rev:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links,
  .site-footer
    .wrapper
    .grid:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links {
    text-align: center;
  }

 

 

Please remove it and place like this

@media only screen and (min-width: 769px) {
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths {
    width: 100%;
}
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths .legal-links {
text-align: center;
}
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Amir_Ben_Shmuel
Shopify Partner
7 0 0

@Hardik29418 

Where is this code you mantioned I need to remove?

.site-footer
.wrapper
.grid--full:nth-child(3)
.grid-item.large--four-tenths
.legal-links,
.site-footer
.wrapper
.grid--full:nth-child(3)
.grid-item.large--two-fifths
.legal-links,
.site-footer
.wrapper
.grid--rev:nth-child(3)
.grid-item.large--four-tenths
.legal-links,
.site-footer
.wrapper
.grid--rev:nth-child(3)
.grid-item.large--two-fifths
.legal-links,
.site-footer
.wrapper
.grid:nth-child(3)
.grid-item.large--four-tenths
.legal-links,
.site-footer
.wrapper
.grid:nth-child(3)
.grid-item.large--two-fifths
.legal-links {
text-align: center;
}

Hardik29418
Shopify Partner
2858 407 1073

in theme.scss.liquid at the end of file

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Amir_Ben_Shmuel
Shopify Partner
7 0 0

@Hardik29418 

I didn't found the code you want me to remove on the theme.scss.liquid file...

I only added the code you wrote as you can see here:

1111.png

Hardik29418
Shopify Partner
2858 407 1073

Yes, Correct. 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Amir_Ben_Shmuel
Shopify Partner
7 0 0

@Hardik29418 

But the text is still on the side and not centered so what is wrong?