Dawn theme - how to resize these texts?

Solved

Dawn theme - how to resize these texts?

GreenPax
Excursionist
28 0 11

Hi please help me how to resize this collection titles a bit smaller. and make the subheader " Find exactly what you need from our highlighted categories" abit bigger.

Shop URL - https://greenpaxstore.com/

Screenshot_16.png

Accepted Solution (1)

AspariaLabs
Shopify Partner
4 2 1

This is an accepted solution.

Hello,  
 
To adjust the font sizes, you’ll need to update some CSS. Follow these steps:  
 
Section subtitle
1. Navigate to Online store → Themes → Edit code.  
2. Locate the file named tpt-section.css.  
 
Locate this definition:  

 

.tpt-section-header_description {  
  max-width: 90rem;  
}  

 

Modify it as follows:  

 

.tpt-section-header_description {  
  max-width: 90rem;  
  font-size: 18px;  
}  

 

Feel free to experiment with the `font-size` value to achieve the desired appearance.  
 
Product titles
1. Navigate to Online store → Themes → Edit code.  
2. Locate the file named tpt-collection-list-4.css.  
 
Locate this definition:

 

.tpt-collection-list-4__collection-item-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  margin: 0;
  color: var(--item-collection-name-color);
}

 

Change the font-size value to 20px;
Again, experiment with the value to achieve the desired appearance.
 
If you found this helpful, please like this message and accept the solution.  

 

View solution in original post

Replies 2 (2)

AspariaLabs
Shopify Partner
4 2 1

This is an accepted solution.

Hello,  
 
To adjust the font sizes, you’ll need to update some CSS. Follow these steps:  
 
Section subtitle
1. Navigate to Online store → Themes → Edit code.  
2. Locate the file named tpt-section.css.  
 
Locate this definition:  

 

.tpt-section-header_description {  
  max-width: 90rem;  
}  

 

Modify it as follows:  

 

.tpt-section-header_description {  
  max-width: 90rem;  
  font-size: 18px;  
}  

 

Feel free to experiment with the `font-size` value to achieve the desired appearance.  
 
Product titles
1. Navigate to Online store → Themes → Edit code.  
2. Locate the file named tpt-collection-list-4.css.  
 
Locate this definition:

 

.tpt-collection-list-4__collection-item-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  margin: 0;
  color: var(--item-collection-name-color);
}

 

Change the font-size value to 20px;
Again, experiment with the value to achieve the desired appearance.
 
If you found this helpful, please like this message and accept the solution.  

 

GreenPax
Excursionist
28 0 11

thank you so much!!!