Center image and change separation distance between two elements

Store Design
1

Hi everyone, I have a custom code for the products page. I would like to make small changes: how to increase the space between the “Compre Já” button and the payment method images? (maybe 10 px) and also how to center the “Página 100% Segura” image?. Can someone help me?

Problem 2.png
Problem 2.png792×636 94 KB

My site is: smartcasasshop.com.br

My code is (XXX IS THE IMAGE WEB LINK):

master master master master master master {%- endform -%}
master

Thanks!!

@niraj_patel

2

@Danielpochapski

please use the code above

layout >> theme.liquid

only payment icons space.

span.methods-of-payment { padding-top: 10px; display: inline-block; }

and for image replace the tag of compra 100% with given code firstly

master

after that paste given below code

.compra_tc { max-width: 440px; text-align: center; margin-top: 10px; }

com.png
com.png1920×1080 515 KB

1 Like
3

Thanks @niraj_patel . You are the GOD!

4

@Danielpochapski , please don’t say this I’m not GOD, i am here for just helping. Thanks :slightly_smiling_face:

1 Like