• Resolved nimeck

    (@nimeck)


    In my form, I am trying to move the “description” above the input area (radio-buttons) to be below the label. Is this possible in CSS only still?

    I saw this thread here, but its old. Wondering if there has been any updates to this? I tried this change but wasn’t working for me.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @nimeck,

    The CSS can vary depending upon the form and how the radio buttons are added. Could you please share the page URL where you have the mentioned field so we can suggest based on that?

    Looking forward to your response.

    Kind Regards,
    Nithin

    Thread Starter nimeck

    (@nimeck)

    A link to a sample form can be found here.

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @nimeck

    I hope you are doing well.

    I am afraid the page is sending to log in, would you be able to make it public so we can take a closer look?

    Best Regards
    Patrick Freitas

    Thread Starter nimeck

    (@nimeck)

    My bad. Fixed. Try again.

    • This reply was modified 2 years, 7 months ago by nimeck.
    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @nimeck,

    Please try adding the following CSS.

    #forminator-module-11 #radio-2 .forminator-field, #forminator-module-11 #radio-3 .forminator-field {
        position: relative;
    }
    
    #forminator-module-11 #radio-2 .forminator-description, #forminator-module-11 #radio-3 .forminator-field {
        order: 0;
        position: absolute;
        top: 40px;
    }
    
    #forminator-module-11 #radio-2 .forminator-label, #forminator-module-11 #radio-3 .forminator-field {
        margin-bottom: 70px;
    }

    I hope that helps.

    Kind Regards,
    Nebu John

    Thread Starter nimeck

    (@nimeck)

    Thank you for the CSS. I have added the CSS and the description has moved up above the radio buttons.

    But now, my Name field has moved down behind my first question.

    See implemented code here: https://themes.aesthetik.ca/once/sample-form-page/

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @nimeck

    We apologize for the inconvenience. I review above CSS fix and it seems to be not valid due to not changed css classes. Please remove old code and use correct one:

    #forminator-module-11 #radio-2 .forminator-field, #forminator-module-11 #radio-3 .forminator-field {
        position: relative;
    }
    
    #forminator-module-11 #radio-2 .forminator-description, #forminator-module-11 #radio-3 .forminator-description {
        order: 0;
        position: absolute;
        top: 40px;
    }
    
    #forminator-module-11 #radio-2 .forminator-label, #forminator-module-11 #radio-3 .forminator-label {
        margin-bottom: 70px;
    }

    Kind Regards,
    Kris

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @nimeck ,

    We haven’t heard from you for a week now, so it looks like you don’t have any more questions for us.

    Feel free to re-open this ticket if
    needed.

    Kind regards
    Kasia

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change Description Order (again)’ is closed to new replies.