Payment Icons In Footer In Line With Copyright Text - Dawn theme

Hello Everyone!

I am using Dawn theme and would like to move the payment icons to be in the same line as the copyright text and to move payment icons to the right side of the footer and the copyright text on the left.

https://dream-tech-zone.myshopify.com/

Password: Admin

1 Like

Hi @dreamtechzone_5

Do you mean like this?

If it is check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 870px){
.footer__localization:empty+.footer__column--info {
    align-items: flex-end !important;
}
.footer__content-bottom-wrapper--center {
    justify-content: flex-start !important;
    margin-top: -31px;
}
}
  • And Save.
  • Note: this will only show on desktop.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Thank you so much. It worked. One more question.

Between the payment options and the @2023 GONZ LEDVISION || ALL RIGHTS RESERVED. I want to add 1 line text in between.

(TRADEMARKS DISCLAIMER: All product trademarks and logos are the trademarks of their respective owners/affiliates and are not associated with GONZ LEDVISION in any way)

I think you already add it?

Yes, I am trying. But the text line does not look good. Please Fix this problem.

Thank you.

Do you want it in center?

Can the entire text be kept in one line and will it look good in mobile mode?

The text line depends on the width of the screen.

I added the text. But the space above is more. I want to reduce space.
Space above the copyright text is OK.

Seems like you add the
bettween theme?

Made4uoRibe_0-1701123891200.png

We can use margin/padding for spacing.

When I remove the
the space between the payment icons is reduced. So now I’m removing everything.

Send me the full coding.

Are you there? Please help me. Thank you.

1 Like

Oh your doing good. Ill just giving some guide to make it look good. We can use html or css. But Its better with the html you did.

This is the css.

.footer__column.footer__column--info:after {
    content: 'Insert the text here!';
    padding-top: 20px;
}

And save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Wow great. Now the space is fine.
I put the code like this.

Can the text be placed on one line and centered?