Need CSS help to change heading case from all uppercase to upper- and lowercase

Explorer
57 0 30

I am using the Help Center app (https://apps.shopify.com/helpcenter) with the Classic Shopify theme.

On my FAQ page, the text for the questions with this app are styled in all uppercase. I prefer this text to be in upper- and lowercase (just as I type it using regular sentence case). Is there any way to add a line of code (CSS?) somewhere to make this change within my liquid files (versus having the developer change their app/stylesheet)?

Thanks for any assistance - I appreciate it!

0 Likes
Shopify Expert
9807 92 1560

Hey JD,

Adding this CSS to the bottom of your stylesheet might help:

.s4com-helpcenter h4 {
  text-transform: initial;
}

Post back if this doesn't do what you need and we can take a closer look.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Explorer
57 0 30

Jason - you are the best!!! Thank you very much for your help - this worked perfectly!

I am SO determined to learn CSS (as soon as I find the time). I admire those of you who know this stuff!

Thanks again, Jason! Happy New Year to you!

 

0 Likes
Tourist
4 0 1

I'm having the same probelm, but with buttons. They are in all caps, but we have chose a script font and it looks horrible in all caps. Need the option to have lower and upper. I know it's been awhile for this thread, but if you can help, that would be great. Thanks

1 Like
New Member
4 0 0

I have the same problem. Please help Shopify!!

0 Likes
New Member
4 0 0

FIXED for Buttons in Caps:

 

Go to your Shopify admin -> Online store -> Themes -> Edit code and find a file named "theme.scss.liquid" and paste the following code at the end of file.

 

.btn {text-transform: none;

}

0 Likes