Change Home Page Text-Transform Property

Follow the instructions below to make the text of your menu on your Home Page uppercase, lowercase, or capitalize.

1) Log into your App Manager and select your app.

2)Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box and past the following code. If there is already code in the advanced SCSS box, do not remove it. Start a new line “after” the last character in the box, then paste the code below.

/** Begin change home page text transform property*/

.layout {


text-transform: capitalize !important;



/** End change home page text transform property*/

4) Click Save.

NOTE:In the code above, I used “capitalize”. This will cause the first letter of each word to be capital. You can change “capitalize” to one of the following:

uppercase – All letters will be uppercase (ex: CONTACT US)

lowercase – All letters will be lowercase (ex: contact us)

capitalize – The first letter of each word would be capital (ex: Contact Us)