I’m sure if you posted a link to your registration form you’ll get the answers you need 🙂
You don’t really need a child theme. You can just “inspect element” with your web browser and find the class or element you want to modify with CSS. Once you find it, go to your active theme’s style.css and write new code to change the appearance.
If I’m not wrong, you need the child theme if you just want to modify the registration form layout or template. Hope that points you in the right direction.
That is incorrect. Always use a child theme for such changes, whether in style or amended/additional functionality.
The advice above will mean css changes you have made will be lost when your theme is updated. Make all edits in a child theme, every time.
Gee, guys, thanks for not helping at all.
The name of the element is exactly what I am trying to figure out. If my registration form looks like thisL
WHAT IS YOUR GENDER
[] MALE
[] FEMALE
I am trying to change words MALE and FEMALE to lowercase. I went through ALL CSS files in my theme, and tried replacing text-transform: uppercase with text-transform: none but it did not help at all!
So more specifically, my questions are:
1) what exactly controls the lowercase/uppercase of profile field answer options. Something like this:
#buddypress .standard-form #basic-details-section – but what the hell exactly and how
and
2) where to find it
Thank you!
@konberg find a file called “style.css” in the wordpress active theme, add the code below and reupload the file.
#buddypress .standard-form div.radio div label {
text-transform: lowercase;
}
Warning! When you update your theme, you’ll loose these CSS changes so try doing this in a child theme if you’d like to retain the changes when you update your theme.
Let me know if that works.
hi William,
This is the best advice I have seen so far, thank you so much! Unfortunately, this code did not work at all 🙁
Yes, I am using the child theme and I did it in active folder (child theme’s folder).
Unfortunately, this code did not work at all 🙁
Likely you’ll need to change the selector #buddypress .standard-form div.radio div label so that it’s appropriate for the theme you’re using.
@konberg you probably did not create the child theme properly. Try pasting that code directly in “style.css” of your active theme and see if it works. Don’t paste it in child theme first.
I tested the code from my end and it worked.
It’s also likely that your web browser has cached your website. Try clearing the cache, restart your browser, and see if you notice the changes. If that does not work try visiting the website from another web browser such IE, Google Chrome, Firefox etc. You can even use a different computer to do so.
Phew, it worked this time! After I saw it in IE!!! Thank you, William!!
I am not sure if it was your code that helped – because other fields, not radio boxes, also got lowercased. Perhaps, it was this code that i found in style.css
form p{
text-transform: uppercase;
margin: 15px 0;
display: block;
width: 100%;
}
I simply replaced uppercase with none.
Now, there is a “Custom CSS” section in my Theme. Will pasting the modified code there work? It did for other things in my Child theme? Thank you again!!!
Sorry, I meant this code, that’s what they had
form label,
#buddypress .standard-form label, #buddypress .standard-form span.label{
font-weight: 300;
text-transform: uppercase;
}
@konberg, if you this code, all labels on the registration form will be lower case.
#buddypress .standard-form label, #buddypress .standard-form span.label {
text-transform: lowercase;
}
If you just use the other code below, only labels on radio buttons will be lower case.
#buddypress .standard-form div.radio div label {
text-transform: lowercase;
}
because other fields, not radio boxes, also got lowercased
This is so because you used this code.
#buddypress .standard-form label, #buddypress .standard-form span.label {
text-transform: lowercase;
}
Now, there is a “Custom CSS” section in my Theme. Will pasting the modified code there work?
I’m not sure give it a try.
