X-Cart forums

[Triple A Racing]

We think there are a few alternative ways to do this, but hopefully somebody on here (with better coding experience than us) may suggest the winner...

The Captcha section provided FOC by Google, is inside an iframe and sits on the bottom of the Contact Us page. It's text/javascript type with an active script.

It's very easy to add as a page option, but by default, it's stuck in the middle of the Contact Us page (Why X-Cart Team???) and stands out like a sore thumb, as the rest of the page is all left-aligned.

Via Webmaster, you can only see:

<div class="form-item">
{getCaptcha():h}
</div>

If you dig in further via a browser add-on, you can see:

<div class="form-item">
<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k= *our specific site reference* "></script>
<noscript>
<iframe src="https://www.google.com/recaptcha/api/noscript?k= *our specific site reference* " height="300" width="500" frameborder="0"></iframe><br/>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript></div>

There is a preset size and width, which is fine, even for a mobile view.
We are looking for the easiest "webmaster mode route only" way of moving this item to the left (like the rest of this page)

It would be handy for most people we think, if a default left alignment (if/when added) went into 5.2.4. As it is now, it gives a poor reproduction via a mobile view, not size-wise, but purely because of the centre alignment of this item, which then trashes the correct page view....

[Triple A Racing]

No response on here, so this was solved by the efficient X-Cart Support Team in response to us placing a ticket. The answer is:

A left alignment for this option (if/when added) can be achieved via Custom CSS as follows:

#contact-site-form #recaptcha_widget_div {
margin-left: 0 !important;
}