Change Headings and title + Shop Name to lowercase

Shopify Partner
28 0 3

How do I change the Shop Name & heading titles of product collections

back to normal text ie. Not all capitals...

I don't like the way it looks in all caps. it looks childish & unprofessional

I want to be able to set whether I use caps on not.

not just have it automatically decide for me...

Also Text in the Hero slide text container is the same...

it looks rubbish..

Can anyone help

 

Current them is Adventure

and my shop is here:ElysiumFields.

0 Likes
Pathfinder
122 6 6

easy task 

@ElysiumFields 

search this code     by going to    Edit Code  From your Admin Dashboard then Edit Code   Then Assets File   then    Theme.scss  and C+f  this code 

h1, .h1, .h1--mini

you should find this   code  you have two options  

    text-transform: uppercase; 

1-  Delete It 

2- put it in jail with this code  /*   */ like this 

    /* text-transform: uppercase; */

this will remove the capital letters from most of places any thing else i would be here for help

as they always suggest if you are not expert   duplicate your theme before making any crazy edits 

good like 

Ps :  this is amazing theme i always use with costumers i checked your store you should do more better job for it the design and make it more clean because a lot of weird stuff there make it look scammy 

0 Likes
Shopify Partner
28 0 3

Hello, thank you for this info,

this has worked for the heading, shop-name and product descriptions,

but it has not worked for the Hero Slide show,

or the Collection Titles & footer headings

 

I have searched inside both the scss file, json file, footer, header and theme.liquid.

the top part you mentioned h1, h1, h3 mini etc was not found but searched instead for transform:uppercase;


@Emir_Eldoadoa wrote:

easy task 

@ElysiumFields 

search this code     by going to    Edit Code  From your Admin Dashboard then Edit Code   Then Assets File   then    Theme.scss  and C+f  this code 

h1, .h1, .h1--mini

you should find this   code  you have two options  

    text-transform: uppercase; 

1-  Delete It 

2- put it in jail with this code  /*   */ like this 

    /* text-transform: uppercase; */

this will remove the capital letters from most of places any thing else i would be here for help

as they always suggest if you are not expert   duplicate your theme before making any crazy edits 

good like 

Ps :  this is amazing theme i always use with costumers i checked your store you should do more better job for it the design and make it more clean because a lot of weird stuff there make it look scammy 


 

0 Likes
Pathfinder
122 6 6

Yes Well Done You Did A Good Job

 

For hero Slide Show :

search this 

 

.hero-content__title

you can find the uppercase inside this code 

 

i checked your collections they are already lower-case 

or do you mean collection pages ? because i was looking at the home page sections 

if the collections pages add this code to the end of your theme.scss :

h1.section-header__title {
    text-transform: lowercase;}

for footer i can't see any thing capital in the footer  you can attach a screen shot if there any thing you want  @ElysiumFields 

0 Likes
Highlighted
Tourist
10 0 5

Hi!!

 

I'm using the Debut theme and I too would like to change my headings to lower case with the option of doing uppercase. Can you please tell me how I can amend my theme.scss.liquid file?

 

Thanks

0 Likes