Solved

How can I display the full product title on my page?

Petpower
Excursionist
16 0 2

Hey everyone,

 

I'm trying to make it so it shows the full product title on my page.

Url Petpower.dk

petpower.jpg

Thank you so much in advance for your help! 

Accepted Solutions (2)

webwondersco
Shopify Partner
1104 164 161

This is an accepted solution.

@Petpower hope you are doing well.

 

Please add the below line of CSS code at the end of your t4s-base.css file.

 

.t4s-pr-ellipsis-true .t4s-product .t4s-product-info .t4s-product-title{
    white-space: normal;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

Hey @Petpower  

 

 Please add the below css to your code file "t4s-collection-products.css"

.t4s-product-title a{
    overflowvisible;
    text-overflowinherit;
    white-spacenormal;
}

Thanks.
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me

View solution in original post

Replies 9 (9)

ThePrimeWeb
Shopify Partner
2138 614 487

Hey @Petpower,

 

Can you share the link to your store and maybe a screenshot of what you want to change?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Petpower
Excursionist
16 0 2

Hey, yeah I just updated the post because it was to little info.

Petpower.dk

I want it to show the full title on the product because many of our costumer's would find it easier 

ThePrimeWeb
Shopify Partner
2138 614 487

Hey @Petpower,

 

I see you are using a custom theme. I wouldn't know the code in it. Generally a theme from the Shopify Store, I would install myself and find the code to change and send you some screenshots for instructions. Would you mind if I use your websites contact form to talk to you?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Zeel-prajapatii
Shopify Partner
138 32 27

Hey @Petpower 

 

 Please add the below css to your code file "t4s-collection-products.css"

.t4s-product-title a{
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
}

Thanks.
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
Petpower
Excursionist
16 0 2

Thank you very much. That did exactly what i wanted.

You were a big help

Petpower
Excursionist
16 0 2

Is there a way so it does the same, when people use their mobil?

 

webwondersco
Shopify Partner
1104 164 161

This is an accepted solution.

@Petpower hope you are doing well.

 

Please add the below line of CSS code at the end of your t4s-base.css file.

 

.t4s-pr-ellipsis-true .t4s-product .t4s-product-info .t4s-product-title{
    white-space: normal;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Petpower
Excursionist
16 0 2

Thank you, that helped.

Now even my mobil version shows full text. Thank you very much

Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

Hey @Petpower  

 

 Please add the below css to your code file "t4s-collection-products.css"

.t4s-product-title a{
    overflowvisible;
    text-overflowinherit;
    white-spacenormal;
}

Thanks.
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me