[Steve WoodyParticipant]

Hi, I’ve noticed that the accordian titles in cornerstone are forcing the text to be uppercase. Is there a way to remove this please, I would much rather prefer to force override myself in CSS and have the option, right now I can only choose upper or lowercase and I would like a mixture of both.

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

To do that kindly use following CSS under Custom > CSS in the Customizer:

body .x-accordion-heading .x-accordion-toggle {
      text-transform: lowercase;
}

Note: Kindly change the lowercase to capitalize, uppercase, initial as per your requirement.

Hope that helps.

Thanks.

[Steve WoodyParticipant]

Hey, thanks for that but the challenge with that CSS hack is that it transforms the entire title.

I would like to have the first letter uppercase and the remainder of the text lowercase.

Its an important design aspect and hence the reason to ask because the element is currently forcing uppercase and it would be nice if it didn’t as standard.

[LelyModerator]

Hello Steve,

As per suggestion above, you can change the value per your requirement. In your case you can use capitalize

body .x-accordion-heading .x-accordion-toggle {
      text-transform: capitalize;
}

See samples here:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_text-transform
If this doesn’t do the trick please share the exact URL so we can further.
Hope this helps.

[Author]

Posts