How to make the title the same size in main page and collections

Caleb10
Tourist
13 0 3

Hello, I use the spotlight theme. I need help please. How do I make the titles on main page and collections pages, and grids and contairs to look padronize just like in the picture. In the picure I show how it looks now wich is the whrong way, and how I whant the produc titles to show (the correct way). I whant them to be padronize, the same size in main page, containers, collection lists, collection pages, etc.

title sizes.jpg

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
5930 1426 1756

Hi @Caleb10 

The text sizes are different in all pages. it depends on what Header they using. H1, H2, H3, H4. The titles, sub titles, paragraph have different sizes. 

Do you like to have same sizes on all text in your store?

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Caleb10
Tourist
13 0 3

\Hello, thank you for replying, I didnt explain well, what I whant is that the title of the product stays the same size in the main page and collections page like you can see in the first image, it has the title and if is too long it ads "..." and cuts it, so all the titles are padronized. Is not the font size, is the name size that shows at the main page and collections pagetitle sizes.jpg

Made4uo-Ribe
Shopify Partner
5930 1426 1756

Thank you for the clarification. Would you mind to share your store URL website, with password if its protected? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Caleb10
Tourist
13 0 3

Hello Ribe_Dagandara , sure, the ur is lindelena.com , thank you, i'll whait your answer

Made4uo-Ribe
Shopify Partner
5930 1426 1756

Sorry for late reply. Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.card__information h3 {
    font-size: 1.7rem;
    line-break: auto;
}

 

  • This must work on all collection slider. 
  • And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Caleb10
Tourist
13 0 3

Hi friend, thank you for your help, I pasted in base.css but it didn't work, nothing changed