How can I center my footer text and icons on my webpage?

[peter550]

hi everyone, 

is there a way to get the footer text to be pulled into the centre, so thats it's visible in the middle of the plants? I would like to have the email subscribe box and the name of the site + instagram logo in the middle. You can see it overlaps here

Thanks in advance! Pete

[peter550]

oh and my URL is  https://laz-the-plant-scientist.myshopify.com/ pword test

[peter550]

Furthermore, the image I have uploaded works really nice when in a smaller window (on mobile or in the shopify editor screen) but when its full screen it cuts out the bottom. is there anyway to keep it as a full 'frame' of plants when in both fullscreen and smaller? 

This is on mobile/small screen viewThis is full screen view. The bottom part is cut off/cropped

[KetanKumar]

@peter550 

sorry for that issue can you please confirm this look

[peter550]

hi there

thank you for your help. 

Could you give me the code for that look and also for one like below: 

[KetanKumar]

@peter550 

thanks for update yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme--async.css ->paste below code at the bottom of the file.

.footer--block {text-align: center;}