Changing All Products collection to all caps

Solved
dwfzx
Tourist
3 0 1

Screen Shot 2021-04-27 at 3.06.56 PM.png

I'm stuck on the coding for this, have been trying different variations for an hour now. Can anyone tell me how to 1) make products be in all caps (its the all products collection) and 2) remove some of the white space above and below? Have been trying different styling options in theme.css but no luck.

 

using debut 

0 Likes
g33kgirl
Shopify Partner
211 51 63

What's your website url? What have you tried so far?

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
dwfzx
Tourist
3 0 1

its https://blade.industries/collections/all

I've tried

#shopify-section-collection-template{
text-transform: uppercase;
padding: 0;
}
.template-collection .grid-link__container a .grid-link__title{
text-transform: uppercase;
}

0 Likes
g33kgirl
Shopify Partner
211 51 63

This is an accepted solution.

Add this code at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css :

.main-content {
    padding-top: 10px;
}
.section-header {
    margin-bottom: 0;
}
.section-header h1 {
 text-transform: uppercase;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
dwfzx
Tourist
3 0 1

That worked!!! Thank you so much