WebSite X5Help Center

 
Luis J.
Luis J.
User

Css alignment for payment image  en

Автор: Luis J.
Просмотрено 1546, Подписчики 2, Размещенный 0  

Does anyone know where to set the aligment for the logo here?
Happens with Paypal and Custom payment logos, i need it to be centered. I've tried looking in chrome debug viewer but was unsuccseful 

see image

Размещено
13 Ответы - 2 Полезно - 1 Корректно
Aleksej H.
Aleksej H.
Moderator

Hello. Please provide a link to the product page on your website. I will try to help you.

Читать больше
Размещено От Aleksej H.
Aleksej H.
Aleksej H.
Moderator

How do you want to align the icon?

Читать больше
Размещено От Aleksej H.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Apparently a command was forgotten here in the code.
Try to insert this code (before the </head> tag).

<style>

#payment-container {justify-content: center;}

</style>

Читать больше
Размещено От Andreas S.
Luis J.
Luis J.
User
Автор

Andrea

I tried putting that code in the section "Statistic and Code" - before closing HEAD tag and also in shopping cart before head tag - no success

Читать больше
Размещено От Luis J.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

O.K. go under "4" to Onlineshop: warenkorb & checkout and there on "Properties" tab "Advanced" and insert the code there.
Then press CTRL+Preview button and upload.

Читать больше
Размещено От Andreas S.
Luis J.
Luis J.
User
Автор

Yes - i tried there and no luck.

see video attached

Читать больше
Размещено От Luis J.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Sorry, this ist the Code...

<style>

#payment-container .payment-container {justify-content: center;}

</style>

Читать больше
Размещено От Andreas S.
Luis J.
Luis J.
User
Автор

Hi again - i have replaced it in same place - same issue still...

Читать больше
Размещено От Luis J.
Giuseppe Guida
Giuseppe Guida
User

Go to STEP 1 Settings> Statistics and Code> Code> Custom Code> Before Closing the HEAD Tag and enter this code:

<style>
#cart-container .payment-container {
justify-content: center !important;
}
</style>

See the screenshot below (the language is Italian, I live in Italy):

Читать больше
Размещено От Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

The result is this:

Читать больше
Размещено От Giuseppe Guida
Luis J.
Luis J.
User
Автор

Yes! Thank you Giuseppe! its showing correctly now

Читать больше
Размещено От Luis J.