I would like to center my payment icons so they match the rest of the page (refresh theme 2.0)

Store Design
1

Hello,

leftpayment.png
leftpayment.png1156×908 168 KB

I would like the secure checkout and payment icons to be under the add to cart for desktop only, in mobile it is already center.

website: https://ampztechnology.com/products/magsafe-wireless-powerbank

Thank you!

2

@OldCzar - if we reduce width then it will go to second row like this

suyash1_0-1687663673402.png
suyash1_0-1687663673402.png1366×768 95.6 KB

3

Thank you, and how would i reduce width?

Do you think that is viable? Maybe if I make the icons smaller?

Thank you!

4

@OldCzar - try this css by adding it to the very end of your base.css file and check

.avada-badge-v2-app_block .Avada-BadgeV2Preview__ListBadges{text-align: left;}

.avada-badge-v2-app_block .Avada-BadgeV2Preview__ListBadges .Avada-BadgeV2Preview__BadgeWrap{max-width: 56px !important;}
1 Like
5

The badges did align well! Thank you for that. But the text(secure checkout etc) is to the right, if I can get that to align also it would be perfect!

badges.PNG
badges.PNG554×463 21 KB

Thank you.

6

@OldCzar - add this too and check

.Avada-BadgeV2Preview__ContentWrap h3{max-width:44rem;}
1 Like
7

Thank you so much for taking your time out to help me! I truly appreciate it. Website is finally coming together!

Thanks again!

1 Like
8

@OldCzar - welcome, do let me know if you have any other updates, you have my email below

1 Like