Support » Plugin: UsersWP - User Profile & Registration » Designing with Elementor

  • Resolved micwie

    (@micwie)


    Hello,

    I design my pages with Elementor. I would like to know, how can I change the look and style of the UsersWP elements (login forms, users grid, buttons, text, etc) to match my websites look using Elementor?

    When open some UsersWP page (for example “Profile”) with Elementor, I would expect to be able to edit anything regarding users profile. This goes for fonts, button colours, tabs and more. It looks that now I can only place plugins blocks to different places , but cannot edit their content aesthetically. Most of the UsersWP Elementor blocks are just showing as shortcodes and the others do not have any additional styling options. Am I missing something here?

    Based on your plugin description I was expecting to have a 100% flexibility with Elementor, but it seems I cannot figure it out. Looks more like a lot of custom CSS styling to me…

    Thank you!

    • This topic was modified 2 months, 1 week ago by micwie.
    • This topic was modified 2 months, 1 week ago by micwie.
Viewing 10 replies - 16 through 25 (of 25 total)
  • Thread Starter micwie

    (@micwie)

    Hi,

    I have an additional question regarding meta data. In case user leaves “Website” (site_url) empty, does your plugin pull back some value? I am preparing a visibility conditions in my layout. It means that in case that for example website URL is not filed, the social icon for the website should not be shown. The problem is that my setup does not work as expected, so I thought that maybe your plugin returns some value. I am doing conditioning via Dynamic plugin (https://www.dynamic.ooo/widget/dynamic-visibility-for-elementor/).

    Thank you!

    Thread Starter micwie

    (@micwie)

    Second additional question, regarding fetching users meta data.

    Currently testing my layout live and it seems that your user avatar widget fetches image from the logged user, not from the respective profile I am viewing, which is not correct.

    Here are the screenshots:
    https://imgur.com/a/fQRdaGX

    Which meta shortcode (or another ELementor compatible dynamic tag method should I use to fetch the appropriate data? Avatars should always be fetched based on which profile is viewed.

    Thank you in advance!

    Plugin Author Patrik

    (@wpdev10)

    Hi,

    Regarding user meta, it will return blank if no data found instead of any default value.

    Regarding user avatar, It will display the avatar of the displayed user profile if you are on the profile page else it will display the avatar of the currently logged-in user. Can you try user_id=displayed_user in the shortcode or block?

    Regards,
    Patrik

    Thread Starter micwie

    (@micwie)

    Hi!

    EDIT:

    Thank you for your message. Following shortcode works:

    [uwp_user_avatar size="50" user_id=displayed_user]

    diaplayed_user works also inside of the UWP Avatar widget.

    Thank you!

    • This reply was modified 2 months ago by micwie.
    • This reply was modified 2 months ago by micwie.
    Thread Starter micwie

    (@micwie)

    Hello,

    Client considers making a custom layout for the users profile backend.

    Default layout:
    https://ibb.co/tzc56zt

    Are meta shortcodes the way how to connect Elementors custom designed forms and widgets with the UsersWP backend so the all meta users fill get updated?

    Thank you!

    • This reply was modified 2 months ago by micwie.
    Plugin Contributor Paolo

    (@paoltaia)

    You can’t edit the account page using Elementor forms and widgets. You can only use UWP widgets or customize the template using PHP.

    Thanks,

    Thread Starter micwie

    (@micwie)

    Hi Paolo,

    Thank you for your message. Can I at least define other colors/fonts and other basic elements with CSS? Thank you!

    Plugin Contributor Paolo

    (@paoltaia)

    Hi again,

    Elementor FREE doesn’t allow modifying templates. Only single posts and pages.

    You can do that with Gutenberg though.

    Thanks,

    Thread Starter micwie

    (@micwie)

    Hello,

    I am using PRO version of the Elementor (otherwise I would not also able to redesign front-end profile since I need dynamic tags to do so, which are only part of PRO version). Would that change anything regarding redesigning your backend user layout?

    Plugin Author Stiofan

    (@stiofansisland)

    Hi @micwie,

    Currently, we only have basic color options which can be found in customizer > AyeCode UI, where you can set primary and secondary colors.

    We don’t have further editing of template pages with elementor pro but it is in our future plans.

    If you have the skills you can look at the template file under userswp/templates/bootstrap/account.php if you copy this file to your theme (preferably child theme) to /userswp/bootstrap/account.php then you can edit it safely from there.

    Thanks,

    Stiofan

Viewing 10 replies - 16 through 25 (of 25 total)
  • You must be logged in to reply to this topic.