Custom CSS to make capital font lowercase in certain sections in the Prestige theme

[Jarch2]

I'm using the Prestige theme which has an option to make all headings uppercase. This overall looks good in my store apart from a few sections where I would like to change the heading font to lowercase.

[Guleria · Accepted solution]

Hello @Jarch2 ,

You can assign css to section ID 

e.g.

#section-id {

text-transform: lowercase;

}

or you can develop an option in sections to control it dynamically without editing the code.

Regards
Guleria

[Jarch2]

How do I locate the section id? I know how to inspect but I don't know what the id looks like.

[Guleria]

With inspect tool get the parent element ID

e.g. 

#shopify-section-template--19377887183064__text_with_image_kHBzWF .SectionHeader__Heading.Heading {
    text-transform: lowercase;
}

[Jarch2]

It comes up with an error saying the section ID selector is not supported

[Guleria]

Use it in theme.css or any css related file. 

[Jarch2]

Silly mistake by me, thanks!

[BiDeal-Discount]

Hi @Jarch2 

Yes we can use custom css to change it. can you share me the link to let me give you the solution

[Jarch2]

https://mk0uuf-h3.myshopify.com/
password: password

[BiDeal-Discount]

let try to add custom css below for example home heading

.features--heading-uppercase .Heading {
  text-transform: lowercase;
}

the result:

[Jarch2]

After applying the code to the CSS section, it doesn't work. It does work when applied to the theme CSS but it works everywhere which isn't what I want. 

[BiDeal-Discount]

can you try this one in theme.css

.features--heading-uppercase .shopify-section--bordered .Heading {
  text-transform: lowercase;
}

[Jarch2]

It worked, but it affected the font of every section.