Hi,
How do I change the font size for the following User Profile fields?
Username
Email Address
First Name
Last Name
Display Name
I’ve done it with css for additional fields I’ve created (telephone and address), but I can’t figure out how to do it for these.
Many thanks in advance.
Go to the page and right-click on what you want to change. You should be on the Inspector window, which will show you the selectors to use as the target for your CSS.
Hi and thanks for your reply Tim,
I tried that and couldn’t get it to work.
This is the code I see in the Username field (for instance):
input type=“text” aria-required=“true” maxlength=“60” autocomplete=“off” name=“ws_plugin__s2member_profile_login” id=“ws-plugin–s2member-profile-login” class=“ws-plugin–s2member-profile-field form-control” value=“admin_dlp” disabled=“disabled”
These are some css edits I tried adding but with no effect:
.ws-plugin–s2member-rofile-field form-control {
font-size: 24px;
}
#ws-plugin–s2member-profile-login
{
font-size: 24px;
}
I don’t use all the fields you are using. But I have changed the display name field successfully using the selector
#ws-plugin--s2member-profile-display-name
If that still doesn’t work for you (which suggests that something else, probably in your theme) is overriding it, you could try adding !important at the end, like this:
#ws-plugin--s2member-profile-display-name { font-size: 24px !important; }
Yes that worked! Many thanks for your help Tim.