Shopify themes, liquid, logos, and UX
Hi all,
Firstly thank you for those who take the time to assist me with some simple coding issues. I have never built or coded anything in my life and I am on a steep learning curb in the process of setting up a small business with limited funds. I am using ChatGTP, YouTube and guided however I feel like they are old and the instructions aren't up to date anymore.
I have 3 issues I need help with and I know they are probably very simple. I am using theme Dawn 14.0.0
2 issues with the footer
Issue 1
Centring the Policies section.
What I have tried: adding in some coding from ChatGTP which helped move the copyright section to the centre but not the policies.
Code added: <div class="policy-container" style="text-align: center;">
Issue 2:
I can't find the section in the coding where I can add payment widget. I am trying to add afterpay and following their instructions is unhelpful.
Issue 3
On the default product page I want to fix the positioning of the payment widgets to have them one after the other. I want to move the shipping declaimer to directly under the price. Again, I can't find the coding that will allow me to do this.
Hello @markymarkaus
Welcome to Shopify community.
All these needs changes in the theme. So if possible please seek help of a developer to make changes for you at a very limited cost.
Let me know if you need.
Thanks
@Sweet_Savior_3
I appreciate your advice however I would really like to be able to solve the issue myself moving forward. I am treating this as a learning opportunity.
I also would like to put my budget towards buying our products as opposed to employing someone to resolve minor visual issues on the website. I am want a polished page to the best of my ability.
This is Noah from PageFly - Shopify Page Builder App
Hi @markymarkaus please send me link url , I need check element and provide solution for you.
Thank you,
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.
Hi @markymarkaus please add code here in file theme.liquid and above tag </body>:
<style>
//fix issue 1
.footer__copyright{
width: 100% !important;
text-align: center !important;
}
</style>
//fix issue 3
<script>
document.addEventListener('DOMContentLoaded', function () {
setTimeout(function () {
const afterpayBlock = document.getElementById('shopify-block-afterpay_on_site_messaging_payments_messaging_n3thyG');
const zipContainer = document.querySelector('.zip-container');
const afterpayContent = afterpayBlock.innerHTML;
zipContainer.innerHTML = afterpayContent;
}, 1000);
});
</script>
With issue 2: You need find file footer have section. Sorry I dont have this theme, so body content show different.
Hope my solution will help you resolved this issue .
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.
Thank you,
I can't work out the afterpay situation. I will keep trying. Than you very much for assiting with issue 1.
I wasn't able fine the code for issue 3.
I appreciate the help though.
Is not coding but it is a free app try Trust Badges Bear with this app you will be able to edit your footer payment widgets and also on your product page
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025