Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1123846
    ammes90
    Participant

    Hey,

    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

    #1123911
    Prasant Rai
    Moderator

    Hello 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.

    #1123947
    ammes90
    Participant
    This reply has been marked as private.
    #1124020
    Rahul
    Moderator

    Hey 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!

    #1124136
    ammes90
    Participant

    Sure:

    X Theme: 4.6.1
    Wordpress: 4.5.3
    Gravity Forms: 2.0.6

    #1124197
    Prasant Rai
    Moderator

    Hello 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.

    #1124233
    ammes90
    Participant

    Thank 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?

    #1124433
    Friech
    Moderator

    Hi 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!

    #1125114
    ammes90
    Participant

    That 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? 🙁

    #1125122
    ammes90
    Participant
    This reply has been marked as private.
    #1125272
    John Ezra
    Member

    Hi 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!

  • <script> jQuery(function($){ $("#no-reply-1123846 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>