Centering your Logo Image or CAPTCHA (Responsive Forms)

You are here:
< Back

By default, the logo image on your Responsive Form will be left-justified.

To center this image, click the HTML tab in the text editor for the Header section (on the Settings tab)  and add this line of code to the top of it:
<style>
#DSFormLogoID {margin-left: auto; margin-right: auto;}
</style>

In a similar way, if you with to center the CAPTCHA at the bottom of the form, click the HTML tab in the text editor for the Header section (on the Settings tab)  and add this line of code to the top of it:
<style>
form#form div.row div:has(div#reCaptchaContainer){margin-left:0 !important; width:100% !important;}
#reCaptchaContainer {margin-left: auto !important; margin-right: auto !important;}
</style>

If you want to center your top image and the bottom CAPTCHA, combine them both like this:
<style>
#DSFormLogoID {margin-left: auto; margin-right: auto;}
form#form div.row div:has(div#reCaptchaContainer){margin-left:0 !important; width:100% !important;}
#reCaptchaContainer {margin-left: auto !important; margin-right: auto !important;}
</style>

Last Updated On
Tags:
Table of Contents