This topic has 5 replies, 2 voices, and was last updated 7 years by Radu.

  • Author
  • #138720
     wilfriedMarseille
    Participant

    Hello,

    I use Gravity Forms,
    And when i make my NewsLetter Form,
    I try to Had my : “gf_simple_horizontal” class to get this result : “see the result attachement picture”

    But When I put this class from my GravityForm setting i got a bad result like : “2016-10…. pics”

    So i try with my googlechrome element inspector, and when i delete the Top Label Class i get the result than i want get.

    But How can I delete this class for this form ? When i Go on my DashBord in Text Mode i got only the Shortcode so i can modificate my inputClass.

    Thanks you 🙂

    You can check my form here : http://www.zikrea.com/inscription-a-newsletter/

    If you love Ableton check my blog :
    www.zikrea.com

    Attachments:
    You must be logged in to view attached files.
    #138926
     Radu
    Moderator

    TRy to add this css for

    .top_label {width:100% !important;}

    OR

    .top_label {width:auto !important;}

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #139083
     wilfriedMarseille
    Participant

    The both CSS code don’t work.
    But i found a solution :

    COPY CODE
    #input_7_1 {
      width: auto;
    } 

    If you love Ableton check my blog :
    www.zikrea.com

    #139114
     wilfriedMarseille
    Participant

    Sorry i got a problem …
    When is in a computer Screen with this code is okay
    ‘#input_7_1 {
    width: auto;
    } ‘

    But When is a phone screen is not okay …
    But this code is okay ( but this code is not Okay with a computer screen :
    ‘#input_7_1 {
    width: 100%;
    } ‘

    Do you know how can i change the CSS for this or this screen ?
    I think with Dashboard KLEO we can do that ?
    Or i have to check a CSS responsive ?

    Thanks

    If you love Ableton check my blog :
    www.zikrea.com

    #139118
     wilfriedMarseille
    Participant

    Is strange beacause when i put 100% and i look in a computer screen,
    the field is too little…

    I will preffer put 100% for all screen.

    Do you know why is little with this code on a computer screen and no on a smartphone screen ?

    COPY CODE
    #input_7_1 {
    width: 100%;
    } 

    If you love Ableton check my blog :
    www.zikrea.com

    #139276
     Radu
    Moderator

    You can apply that styles only for mobile or desktop with media query

    Media predefinied here : http://stackoverflow.com/a/7354648
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘Plugins questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?