Horizontally Centre a Custom Liquid Button in a Container using Custom CSS or alter HTML code

2 0 0

Good day,


I have the following custom liquid button:


<form name="PayFastPayNowForm" action="https://payment.payfast.io/eng/process" method="post"><input required="" type="hidden" name="cmd" value="_paynow"> <input required="" type="hidden" name="receiver" pattern="[0-9]" value="22986258"> <input type="hidden" name="return_url" value="https://www.beautyblossom.net/pages/subscription-order-notification"> <input type="hidden" name="cancel_url" value="https://www.beautyblossom.net/pages/designer-fashion-boxes"> <input type="hidden" name="notify_url" value="https://www.beautyblossom.net/pages/designer-fashion-boxes"> <input required="" type="hidden" name="amount" value="300"> <input required="" type="hidden" name="item_name" maxlength="255" value="Designer Fashion Boxes"> <input type="hidden" name="item_description" maxlength="255" value="By subscribing you will receive a new designer fashion box each time after paying two successful instalments of R300."> <input required="" type="hidden" name="subscription_type" pattern="1" value="1"> <input type="hidden" name="recurring_amount" value="300"> <input required="" type="hidden" name="cycles" pattern="[0-9]" value="0"> <input required="" type="hidden" name="frequency" pattern="[0-9]" value="3">
<td colspan="2" align="center"><input type="image" src="https://my.payfast.io/images/buttons/Subscribe/Dark-Large-Subscribe.png" alt="Subscribe" title="Subscribe with Payfast"></td>


I have been trying for days to read previous posts on how to horizontally center this button on my page without success?


Can someone please help me to either update the HTML code or use CSS custom section to center the button horizontally on my page?


Kind Regards,


Reply 1 (1)

2 0 0

Is there anyone who can please assist me with this. I have tried so many variations and I am not getting it right?