In my content I have one date field label, it is showing all uppercase letters automatically.
Example :I have given date field label as birthday(lower case) but it's automatically showing BIRTHDAY(UPPERCASE). How can I overcome this.
-
Which Theme are you using? And what happens if you (temporary) switch to some other theme, eg one of the core themes?– Pierre.VriensCommented Sep 28, 2015 at 11:07
-
@ Pierre.vriens - thanks for your response,i am using danland theme,and it is not temporary what i am doing.– DINECommented Sep 29, 2015 at 5:13
-
The label your trying to modify comes under fieldset element. You are applying css property on wrong element.– WaQaR AliCommented Sep 29, 2015 at 6:12
-
@ WaQaR Ali - Thanks for your response,Then what can i change,how can i over come this.– DINECommented Sep 29, 2015 at 6:20
Add a comment
|
3 Answers
use Css if nothing is working to show the label in small letters.
text-transform: lowercase;
-
Comments have been removed; please don't use them for extended discussion.– avpaderno ♦Commented Sep 29, 2015 at 9:31
According to my understanding you have applied CSS on wrong element, Please apply "text-transform: lowercase" on "label".
.from-type-textfield label {
text-transform: lowercase
}
Please put it on your .css file it will work fine.
-
@ skv - Thanks for your response,from-type-textfield label { text-transform: lowercase } element is not there in my css file.– DINECommented Sep 29, 2015 at 6:04
-
According to the Screen shot(Inspect Element) you provided initially there is <div class="from-type-textfield label..."> above date label, so take that class and put the .from-type-textfield label { text-transform: lowercase } as it is on your css file... it will work Commented Sep 29, 2015 at 6:10
-
@SujeetKumarVerma you are applying css on wrong element. .from-type-textfield label is the class of simple textfield but the label of datefield as shown in above image comes under fieldset. Commented Sep 29, 2015 at 6:16
As you are saying date field label is showing all uppercase letters automatically there might be the case of bad cache. to get rid of it do the following steps:
If you are working with command line try to clear the drupal cache by writing the command as:
`drush cc all`
If you are not using the command line then go in the Administer Settings: Configuration>>Development>> Performance or admin/config/development/performance and click on clear all cache. It should work fine.
and if not worked this too then apply the CSS code in the style.css file inside your theme folder for that particular element
text-transform: lowercase;
-
@ rfegade - Thanks for your response,how can i find date field element in css.– DINECommented Sep 29, 2015 at 7:01
-
which browser are you using? if you are using firefox then install the add on named fire bug and then press F12 when you are on your website and inspect the particular all capital label of date field and check the class which is applied to it this all info is shown at the bottom when you start your fire bug tool, there you can edit the css also to alter the values. thanks– rfegadeCommented Sep 29, 2015 at 7:58