Hi,
Since the form is built dynamically you can use jQuery to add a static paragraph easily.
1) find out the id of the paragraph above which you want to inject your text by viewing source. One of yours is 'element_avia_town_city'
2) then the jQuery to add the content, with the content inside which you will have to replace
jQuery(document)
.ready(function () {
jQuery('#element_avia_town_city')
.each(function () {
var textinsertercf = $('#element_avia_town_city');
textinsertercf.prepend($('<p class="cform-extra">This is the extra text that will be added instantly before element_avia_town_city, but dont use single quotes.</p>'));
});
});
In the above code you should replace element_avia_town_city, with whichever id you prefer (get it from source code of the contact page - view source
<p class id="element_avia_town_city">
id above which you want the text added. If you look at the code there are 2 places where element_avia_town_city is used and both need to be replaced (that is unless you want to add the paragraph right above the town/city input box.)
Then the last item you should replace in your customized code is the long line of text starting with ... 'This is the extra' .... and ending with .... 'dont use single quotes.'
When you finish, please open up avia.js and find line 7 which looks like
jQuery.noConflict();
Please make a backup of avia.js in case we run into a problem. Without deleting anything in the avia.js file, (located in /js/ folder of the theme), insert the *code you customized* in between line 7 and 8 (push everything down one space that was previously on line 8, and please don't delete it.
So that your final result would look like :
jQuery.noConflict();
jQuery(document)
.ready(function () {
jQuery('#element_avia_town_city')
.each(function () {
var textinsertercf = $('#element_avia_town_city');
textinsertercf.prepend($('<p class="cform-extra">This is the extra text that will be added instantly before element_avia_town_city, but dont use single quotes.</p>'));
});
});
jQuery(document).ready(function(){
in the above example, the *very first*, and *very last* lines were the original lines 7 and 8 before we inserted our code in between them.
Thanks,
Nick