What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: How to centre footer link

Solved

How to centre footer link

ecommfirst
Shopify Partner
70 0 15

Hi All, silly question but how can I centre the powered by link? Thanks, 

URL: https://houseofluxuryuk.com/

Password: 123456

Screenshot 2024-08-02 at 07.12.25.png

Accepted Solution (1)

GTLOfficial
Shopify Partner
676 143 138

This is an accepted solution.

Hello @ecommfirst 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-footer.css ----> line number 52
search this code

.footer__content-bottom-wrapper {
display: flex;
width: 100%;
}


and replace with this code

.footer__content-bottom-wrapper {
display: flex;
width: 100%;
flex-direction: column-reverse;
align-items: center;
}

 result
5.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 6 (6)

niraj_patel
Shopify Partner
2378 514 507

Hello @ecommfirst 

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>
  .footer__content-bottom-wrapper {
      justify-content: center;
      align-items: center;
  }
</style>

niraj_patel_0-1722579733663.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

lynth
Shopify Partner
140 6 16

Hi, go to the section-footer.css and replace styles for the .footer__content-bottom-wrapper class.

1. Access Your Shopify Admin Panel

 

1.Go to the Shopify website and log into your account.

2. Click on the “Online Store” in the left sidebar.

3. In the “Themes” section, find the theme you want to edit and click on “Customize”.

 

2. Edit the Theme’s CSS (Stylesheet)

 

1. Go to the Online store - Themes - click on three dots, and in the theme customization menu, click on “Edit code”. This will take you to the code editor.

3. Find the CSS file you want to edit.

4. Click on the file to open it in the code editor.

 

footer__content-bottom-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

 


 

If my tips are useful, just mark it as the solution. Cheers!
Feeling grateful? Buy me a coffee!

ZestardTech
Shopify Partner
5912 1067 1413

Hi @ecommfirst 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.footer__content-bottom-wrapper {
display: block;
text-align: center;
}
.footer__copyright {
text-align: center!important;
}

 

ZestardTech_0-1722579866946.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ecommfirst
Shopify Partner
70 0 15

Hi, I tried this but no luck, here is a screenshot of the footer copyright coding. 

Screenshot 2024-08-02 at 07.31.42.png

oscprofessional
Shopify Partner
16116 2410 3126

hello @ecommfirst 

 

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

.footer__copyright.caption {
text-align: left;
display: contents;
margin-top: 5px;
}

Like This

oscprofessional_0-1722580286103.png

2)

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

 

footer__content-bottom-wrapper {
justify-content: center;
align-items: center;
}

 

oscprofessional_1-1722580652768.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

GTLOfficial
Shopify Partner
676 143 138

This is an accepted solution.

Hello @ecommfirst 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-footer.css ----> line number 52
search this code

.footer__content-bottom-wrapper {
display: flex;
width: 100%;
}


and replace with this code

.footer__content-bottom-wrapper {
display: flex;
width: 100%;
flex-direction: column-reverse;
align-items: center;
}

 result
5.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh