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!

#18240

Please Log in or Create an account to join the conversation.


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
#18249

Please Log in or Create an account to join the conversation.


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!

#18256

Please Log in or Create an account to join the conversation.


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
#18261

Please Log in or Create an account to join the conversation.


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>

#18268
Attachments:

Please Log in or Create an account to join the conversation.


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
#18284

Please Log in or Create an account to join the conversation.


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...B)

#18425
The following user(s) said Thank You: AHMED BIN SULTAN

Please Log in or Create an account to join the conversation.


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
#18438
The following user(s) said Thank You: AHMED BIN SULTAN

Please Log in or Create an account to join the conversation.


sandras replied the topic: how to set form to center

Thank you!! Now it worked! :)

#18480

Please Log in or Create an account to join the conversation.


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.

#29859
Attachments:

Please Log in or Create an account to join the conversation.


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
#29863

Please Log in or Create an account to join the conversation.


Georgiy Chashchikhin replied the topic: how to set form to center

Hello I cannot center my form...
myintellect.ru/timetable/

Thanks

#30789

Please Log in or Create an account to join the conversation.


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
#30831
The following user(s) said Thank You: Georgiy Chashchikhin

Please Log in or Create an account to join the conversation.


Georgiy Chashchikhin replied the topic: how to set form to center

Thank you!!!
working

#30985
The following user(s) said Thank You: Support

Please Log in or Create an account to join the conversation.


Time to create page: 0.432 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us