Align the payments icons from Trustbear on one line - Theme Dawn 7.01

Hi

I want to align the payment icons in my footer, anyone have some idea here? :slightly_smiling_face: I have tried to reduced the icon size without luck. Hope someone has some things i can try out. :slightly_smiling_face:

Mystoreurl:

www.dekanten.no

See attached image:

  • Here is the solution for you @Dekanten
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.footer__copyright {
 width: 350px !important;
    text-align: center !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hi @Dekanten ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.badgesContainer .badgeContainer {
    width: 40px !important;
    height: 40px !important;
}

IN this step, you can change the value of width / height of payment icons on your footer as you want.

In my example, I choose 40px

Step 3: Save and reload home page.

=>> The result:

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

This is works like a charm, thank u so much for all your help and you have been a kind person. :slightly_smiling_face:

If you see the text over the icons are almost invisible, can we make it in white color like the copyright text?

Hello, and thank you for your help, i also got help earlier from another but i sure accept yours aswell too. :slightly_smiling_face: Big thank you :grinning_face_with_smiling_eyes:

@Dekanten ,

If you want make the text over the icons in white color like the copyright text, you add more this css in base.css:

.trustBarTitle {
    color: #FFFFFFBF !important;
}

the result will be:

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

:heart_eyes: It’s such my honor to help you, bro

Hello again, i tried them in both base and theme without changes, anything else we can try out? :slightly_smiling_face:

Hi @Dekanten ,

It seem like your class wrap the text over the icons was rendered by js file.

You can try this way:

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file theme.liquid. And add this code snippet before tag or :


Step 3: Save and reload home page.

Hope it works!

Hi, i tried it but it seems not too work either, iam afraid. Sad as it gets but thats the truth. :confused:

Dear @Dekanten ,

Sr about my mistake.

Let’s try the last one:

Add in this css in base.css:

div#container-card * {
    color: #FFFFFFBF !important;
}

The result will be:

I am trying to resolve this issue for you. If it doesn’t work this time, I will leave this comment and wait for solutions from others in the community.

Thank you very much for your patience.

Best regards!

Hi again, i try some other colors instead within the app, so i will sure thank you for your patience and all support. Thanks a lot once again. :slightly_smiling_face:

Dear @Dekanten ,

Hope it works.

:heart_eyes: It’s such my honor to help you, bro.

It’s now the beginning of the workday in my country, and you bring positive energy to me all day :laughing: :heart_eyes:

You’re so nice.

Thanks a lot!

Hi again

It works like a charm and could not be more happier with this, i have changed many small things who make things better for sure. I very grateful to have friends like you here to help me, you have been such a great guy to work with. Great solutions and never give up, for me who is totally blank on these things. I cannot code or nothing but i have got much help from many good humans, i have started a store without knowledge and built stone for stone. I can not call me a designer either but i try small things who fit better without destroy the whole theme.

I will share my honest opinons and give some great words to who really desverve it, if you have some time if you can look at my store www.dekanten.no and see if you would to some changes. Im open for ideas and hope we can figure something out. :slightly_smiling_face:

Have a great day and share your joy with your beloved ones. :slightly_smiling_face: