• Resolved TheMarketer

    (@daffy278)


    Hi developer, this is a great plugin, thank you so much for your amazing work.
    However can you please help me to put the Name and Email fields into 1 row?

    View post on imgur.com

    Also, I need them to be responsive with 100% width on mobile devices.
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Gemini Labs

    (@geminilabs)

    Site Reviews uses CSS Grid, so you can do this:

    @media (min-width: 640px) {
        /* display the form fields in 2 columns and add a 1rem gap between columns */
        form.glsr-form {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            grid-column-gap: 1rem;
            column-gap: 1rem;
        }
        /* make fields span 2 columns by default */
        form.glsr-form .glsr-field {
            grid-column: span 2 / span 2;
        }
        /* make the name and email fields span 1 column */
        form.glsr-form .glsr-field-textarea + .glsr-field-text,
        form.glsr-form .glsr-field-email {
            grid-column: span 1 / span 1;
        }
    }
    Thread Starter TheMarketer

    (@daffy278)

    Thank you for your fast response sir.
    Unfortunately, I still can’t make the change, the code only shortens the Email field for some reason:

    View post on imgur.com

    This is the URL where I need the change:
    https://penguindojo.com/reviews/

    I would be really grateful if you can help me resolve this issue.
    Thank you so much.

    Plugin Author Gemini Labs

    (@geminilabs)

    I see that you have customised the order of the form fields.

    This should help (pastebin link removed per request).

    • This reply was modified 4 years, 2 months ago by Gemini Labs.
    Plugin Author Gemini Labs

    (@geminilabs)

    Also, use the hide option on the shortcode to hide the terms toggle instead of using CSS:

    [site_reviews_form hide=terms]

    Thread Starter TheMarketer

    (@daffy278)

    Awesome! This works like a charm. Thank you so much sir, you are amazing at your job, God bless!

    P.S. Please remove the URL from above if you can. Thanks ??

    • This reply was modified 4 years, 2 months ago by TheMarketer.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to put Name and Email fields in one row?’ is closed to new replies.