The Give Profile Editor widget helps you make a profile form for editing and storing the personal information of the donor on your website.
Note that this widget is a by default setup provided by the Give plugin. So, there is no Content tab for it, and has only the Style tab and Advanced tab.
Let’s see how to use the style tab for this widget in the tutorial.
Find the Give Profile Editor widget from the widget menu and place it inside your webpage.
There are a bunch of sections here commanding different part of the actual content.
Give Profile Editor
Go to Style> Give Profile Editor
This section is to customize the whole form by changing the background color, border. and padding.
There is a sub-section on it for customizing the title of the form. You can color it, add border and border-radius, margin, padding, and typography.
Go to Style> Title
Customize the inner field titles by changing their color, border color underneath, and typography. Use the margin for alignment adjustments.
Go to Style> Label
From this section, you can customize the labels above the fields by changing their color and typography.
Go to Style> Input Fields
This section lets you change the color, border, typography of the input fields of the profile form. There are 6 input fields on the screen customized from this section.
Go to Style> Submit Button
The submit button is also customizable. You can change its shape and color from this section.
Reset Password Notice
Go to Style> Reset Password Notice
And lastly, change the color and typography of the reset password notice message above the submit button.
Watch this video to get more visuals on the Give Profile Editor widget and check out this demo page for more examples.
Thanks for staying up.