Profile Image Style
-
In the latest version of Ultimate Member, where does one change the profile image style, such as curved edge square, circle or rectangle?
-
Hi @lfung7
There’s no setting to change the image style. You will have to use CSS to change the image style.
Here’s an example that changes the avatar/image style from radius to hexagon:
.um-avatar{ clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }Regards,
There was before.
What is the avatar code for curved edge square?
Hi @lfung7
You can try the following for the curved edge square:
.um-avatar{ border-radius: 5px !important; }Regards,
Hello,
Where do I copy and paste css code?@missveronicatv
Thank you, however I was referring to the frame around the profile image. The old version had square with round edges, circle, and square as choices however the next 2 versions removed the function altogether. Hoping for a CSS code to recreate manually.Where do I copy and paste css code?
My reply was for your question with an example how you can paste the CSS code.
You can also paste the CSS code by using the “Code Snippets” plugin.
https://ww.wp.xz.cn/plugins/code-snippets/-
This reply was modified 4 years, 3 months ago by
missveronica.
-
This reply was modified 4 years, 3 months ago by
missveronica.
Hi @lfung7
Have you tried using the above code for your theme? You can try this plugin to insert CSS: https://ww.wp.xz.cn/plugins/custom-css-js/
Regards,
@champsupertramp
No I have not. Know very little about css codes. Open to adding codes and adapt to having plugins compatible with theme.Hi @lfung7
Please try installing this plugin, once installed, see the “Custom CSS & JS” in the WP Admin menus:
https://ww.wp.xz.cn/plugins/custom-css-js/Click on that menu and click on the “Add CSS”. Add the following CSS to the editor:
.um-avatar{ border-radius: 5px !important; }Hit on “Publish” and then see if the profile photos style has changed.
Regards,
Hi @lfung7
Please feel free to re-open this thread by changing the Topic Status to ‘Not Resolved’ if any other questions come up and we’d be happy to help… 🙂
The plugin Custom CSS & JS seems like a good idea, sadly not being a tech person the plugin is rather useless and the newest version of wordpress is not compatible with older version of ultimate member. Plus, I don’t update to the newest ultimate member because I don’t like the layout of profile layout. The newest version of both wordpress and ultimate member does not seem compatible with each other.
-
This reply was modified 4 years, 3 months ago by
The topic ‘Profile Image Style’ is closed to new replies.