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

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
9884 2354 2952

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?

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
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
9884 2354 2952

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
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
9884 2354 2952

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Caleb10
Tourist
13 0 3

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