Change button to text to capital without editing global theme settings

Helpdesk Website Builder
,
1

Hi there,

I want to capitalise an ‘i’ on button but I have global theme settings for buttons set to all lower case ‘aa’. Is this possible to change without editing these global settings?

Thanks

2 Likes
2

Hi,
I don’t see an option in the UI itself, but you can create a class and attach it to the button.

.text-capitalize{
    text-transform: capitalize;
}
2 Likes
3

Hello everyone!

Interesting topic! Styling text areas is certainly an essential task.
Can you explain to me (little CSS experience) how the solution shown above is handled practically? Where can I define the class and how?

4

Hi! Sure!

Screenshot 2021-06-10 at 11.43.00
Screenshot 2021-06-10 at 11.43.003144×1950 756 KB

  1. You need to create a class in the CSS panel
  2. .text-capitalize{ text-transform: capitalize; }
  3. To attach a the existing class on the Button element … double click on the button to enter the edit mode and then in the left properties panel Style → ID&Class → Button (tab) … input the class name “text-capitalize” + press [+]
  4. The “text-capitalize” is attached … you should see the result on the page
2 Likes