Nextend shortcode – Register flow page — NSL : Formatting of fields

  • Resolved allstarsft

    (@allstarsft)


    1 year, 9 months ago

    Hi there,

    See attached :

    2 things –

    1. Is it possible to make the Username and Email Fields — 50/50 (in 2 columns)?
    2. Password and the “Eye” button — 70/30 (2 columns)?

    Its indeed abit too long as its on a full page now. I will now format it to be in the centre by creating Columns in Elementor — then place the shortcode in the centre of the page… But I would hope to be able to make it neat as per above 2 issues.

    Thanks.

    • This topic was modified 1 year, 9 months ago by allstarsft.
    • This topic was modified 1 year, 9 months ago by allstarsft.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @allstarsft

    I am sorry but we don’t have an option for the styling of those fields.
    But with some custom CSS you could achieve your goals, by targeting the corresponding element. However please note that we can not provide support for custom coding and styling.

    To make your custom CSS affect only to the elements inside our register flow form, you could add a custom class on the container that you added our register flow shortcode into, and you could make your CSS selector more specific with that that class.
    Or your could put the unique page ID into your selector e.g. currently the ID of your register flow page is 130426 so adding this before your selector could also work:
    body.page-id-130426 form#registerform <selector to target the corresponding element>{ /* your CSS properties */ }

    Best regards,
    Laszlo.

    Thread Starter allstarsft

    (@allstarsft)

    Thanks for your reply.

    I tried your suggested css but apparently its not enough since it only shorten each field. It does not bring the next field up to form one line.

    Possible to share where can I see the coding of the shortcode so that I can try my hand at customising that with Div class to put 2 fields into 1 line?

    Especially for Username and Email address which uses <p>.

    Thanks.

    • This reply was modified 1 year, 9 months ago by allstarsft.
    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @allstarsft

    There are some pseudo CSS selectors that could help you in targeting only a particular child element, e.g.:

    which could probably help you in achieving your goals.

    But anyways, please note that those fields are available only in the Pro Addon, and in this forum we are not allowed to provide support for commercial products as per the forum guidelines:

    For questions and problems connected to the Pro Addon, please get in touch with us over the ticket system:

    Anyways with an IDE ( e.g. PHPStorm ) or with an advanced file manager like Total Commander you could search for certain expressions in the files of plugin like you see here:

    and that could tell you the path. However I don’t recommend modifying core files as those changes will be lost each time you update the plugin.

    But the good news is that, in a future update we will give override options for some form fields. But as mentioned above we could discuss this only over the ticket system.


    Best regards,
    Laszlo.

    Thread Starter allstarsft

    (@allstarsft)

    Thanks. Will try the above css trick with the help of my theme support hopefully.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Nextend shortcode – Register flow page — NSL : Formatting of fields’ is closed to new replies.