Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1244010
    Valérie B
    Participant

    Hi, since i updated X, the custom css look really weird in my gravityform forms. There’s some point appaers…

    #1244030
    Valérie B
    Participant

    And yes also desactivate the CSS from Gravityform to use the CSS included in X and this is what happened…

    #1244058
    Valérie B
    Participant
    This reply has been marked as private.
    #1244206
    Jade
    Moderator

    Hi there,

    I tried to locate the page that has the gravity form on your site but I can’t seem to find it.

    Kindly provide us with the direct link to the page so I can check it.

    Thank you.

    #1247110
    Valérie B
    Participant
    This reply has been marked as private.
    #1247432
    Joao
    Moderator

    Hi There,

    I checked all your forms and I don´t see them as on your screenshot, would you mind providing more information about the browser and device you are using while experiencing the issue?

    Also please provide your credentials in a private reply.

    Thanks

    Joao

    #1247636
    Valérie B
    Participant
    This reply has been marked as private.
    #1248219
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    @media only screen and (min-width: 641px){
    .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
        width: 33.3%;
        float: left;
        clear: none;
    }
    }

    Hope that helps.

    #1250360
    Valérie B
    Participant

    Thanks, it work’s fine 🙂

    #1250408
    Valérie B
    Participant

    Sorry it’s not worked perfectly… it’s ok for the two first column but not for the third one… the third one appear on another line : http://coopscosf-ali.com/boitealunch/

    #1250412
    Valérie B
    Participant

    i leave the first item of the form for 3 columns to let you see

    #1250729
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .gf_left_third, .gf_middle_third, .gf_right_third {
        width: 32% !important;
        clear: none !important;
    }

    Hope this helps.

    #1286294
    Valérie B
    Participant

    Sorry for the delay but it’s not working again… I have the same problem… the third column appears on another line…

    #1286313
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    body .gform_wrapper .top_label li.gfield.gf_right_third {
        width: 31% !important;
    }

    Hope it helps

    Joao

    #1286370
    Valérie B
    Participant

    still not working…

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