Shopify themes, liquid, logos, and UX
Hi All, silly question but how can I centre the powered by link? Thanks,
URL: https://houseofluxuryuk.com/
Password: 123456
Solved! Go to the solution
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
If this was helpful, hit the like button and mark the job as completed.
Thanks
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.
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%;
}
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;
}
Hi, I tried this but no luck, here is a screenshot of the footer copyright coding.
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;
}
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
If this was helpful, hit the like button and mark the job as completed.
Thanks
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024