how to set form to center
sandras created the topic: how to set form to center
I tried to set form to center on the Form Layout page by unchecking the Auto-Generate Layout box and adding the line <div style=”text-align:center;”>
</div>
but on the site the form is still displayed on left. Could you advice what shall I do? Thanks!
Please Log in or Create an account to join the conversation.
9 years 5 months ago
Support replied the topic: how to set form to center
Dear Sandras,
Could you please give us the link to your form page?
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
9 years 5 months ago
sandras replied the topic: how to set form to center
My site is not published yet, doing it in localhost. Is there any other options to advice me? Thanks!
Please Log in or Create an account to join the conversation.
9 years 5 months ago
Support replied the topic: how to set form to center
Dear Sandras,
Please add the text-align: center; rule to the div with the class named wdform_page.
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
9 years 5 months ago
sandras replied the topic: how to set form to center
I added, my code looks like this but still it displayes everything in left (i attached screenshot)
:
<div class="wdform-page-and-images" style="display:table; text-align: center; border-top:0px solid black;">
<div id="form_id_tempform_view1" class="wdform_page" page_title="Untitled page" next_title="Next" next_type="text" next_class="wdform-page-button" next_checkable="false" previous_title="Previous" previous_type="text" previous_class="wdform-page-button" previous_checkable="false" text-align: center;>
<div class="wdform_section">
<div class="wdform_column">
<div wdid="1" class="wdform_row">
%1 - Name:%
</div>
<div wdid="2" class="wdform_row">
%2 - E-mail:%
</div>
<div wdid="3" class="wdform_row">
%3 - Phone:%
</div>
<div wdid="6" class="wdform_row">
%6 - Message:%
</div>
<div wdid="5" class="wdform_row">
%5 - Enter the message as it's shown:%
</div>
<div wdid="4" class="wdform_row">
%4 - type_submit_reset_4%
</div>
</div>
</div>
<div valign="top" class="wdform_footer" style="width: 100%;">
<div style="width: 100%;">
<div style="width: 100%; display: table; ">
<div style="display: table-row-group; align: center;">
<div id="form_id_temppage_nav1" style="display: table-row;">
</div>
Please Log in or Create an account to join the conversation.
9 years 5 months ago
Support replied the topic: how to set form to center
Dear Sandras,
You should write it in a style attribute, such as:
style="text-align: center;"
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
9 years 5 months ago
sandras replied the topic: how to set form to center
Hi!
But I have it : <div class="wdform-page-and-images"
style="display:table; text-align: center; border-top:0px solid black;">
still form is on the left side...
Please Log in or Create an account to join the conversation.
9 years 5 months ago
Support replied the topic: how to set form to center
Dear Sandras,
Please note, that the class is incorrect. Here's the one to which you need to add the styling: wdform_page. Such as:
<div class="wdform_page" style="text-align:center;">
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
9 years 5 months ago
Victor Lionnois replied the topic: how to set form to center
Hello I cannot center my form can someone help me please I have tried everything posted on your forum but nothing is working for me.
Please Log in or Create an account to join the conversation.
- Victor Lionnois
- Offline
- Fresh Boarder
- Posts: 1
- Thank you received: 0
8 years 8 months ago
Support replied the topic: how to set form to center
Dear Victor,
Could you please give us the link to your form page?
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
8 years 8 months ago
Georgiy Chashchikhin replied the topic: how to set form to center
Hello I cannot center my form...
myintellect.ru/timetable/
Thanks
Please Log in or Create an account to join the conversation.
- Georgiy Chashchikhin
- Offline
- Fresh Boarder
- Posts: 4
- Thank you received: 2
8 years 8 months ago
Support replied the topic: how to set form to center
Dear Georgiy,
Please add the following code to the theme of your form:
.wdform_section {
float: right;
}
Thank you.
Best regards,
Web-Dorado team
Joomla extensions ,
Wordpress plugins ,
Drupal modules
Please Log in or Create an account to join the conversation.
8 years 8 months ago
Please Log in or Create an account to join the conversation.
- Georgiy Chashchikhin
- Offline
- Fresh Boarder
- Posts: 4
- Thank you received: 2
8 years 8 months ago