Tagged: x
-
AuthorPosts
-
August 9, 2016 at 10:22 am #1123846
ammes90ParticipantHey,
i would like to know if it’s possible to center the input text and dropdown values from my gravity forms?
Like at the screenshot.Thank you for your help!
Patrick
August 9, 2016 at 10:53 am #1123911
Prasant RaiModeratorHello There,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Thanks.
August 9, 2016 at 11:09 am #1123947
ammes90ParticipantThis reply has been marked as private.August 9, 2016 at 11:54 am #1124020
RahulModeratorHey There,
Thanks for writing in! We really appreciate you letting us know about this. Would you mind telling us what version of X|Theme, WP and Gravity forms you are in, so we could confirm this.
Thanks!
August 9, 2016 at 1:02 pm #1124136
ammes90ParticipantSure:
X Theme: 4.6.1
Wordpress: 4.5.3
Gravity Forms: 2.0.6August 9, 2016 at 1:31 pm #1124197
Prasant RaiModeratorHello There,
Thanks for writing in!
Thanks for sharing the details. You can add this under Custom > CSS in the Customizer:
body .gform_wrapper input{ text-align: center; }Let us know how it goes.
Thanks.
August 9, 2016 at 1:54 pm #1124233
ammes90ParticipantThank you very much!!!
It works for the text fields but the dropdown fields are still not in the middle 🙁
Any idea how how to change this?PS: is it also possible to use this just for some forms on selected sites?
August 9, 2016 at 4:09 pm #1124433
FriechModeratorHi There,
I’m afraid we can not center the drop-down list with plain CSS, and a centered dropdown list is not user friendly as left-align. However, you can indent the selected value instead.
body .gform_wrapper .top_label li.gfield.gf_left_half select { text-indent: 18vw; }Hope it helps, Cheers!
August 10, 2016 at 2:07 am #1125114
ammes90ParticipantThat works great thank you!
What if I want to use that for other gravity forms too? Because now (somehow) its only working for the form or page I told you. I dont’t know why and what to change? 🙁
August 10, 2016 at 2:11 am #1125122
ammes90ParticipantThis reply has been marked as private.August 10, 2016 at 4:43 am #1125272
John EzraMemberHi there,
Thanks for updating the thread! Unfortunately, we are unable to see or replicate your issue on our end. Would you have happened to have solved your issue already? Please update us otherwise – thanks!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1123846 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
