How to centre footer link

[ecommfirst]

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

URL: https://houseofluxuryuk.com/

Password: 123456

[niraj_patel]

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>

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

[lynth]

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%;
}

[ZestardTech]

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;
}

[ecommfirst]

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

[oscprofessional]

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

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;
}

[GTLOfficial · 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

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