FROM CACHE - en_header

Align all product titles - Debut Theme

Solved
Slevin
Tourist
6 0 0

Hello, how can I align all product titles in Debut Theme

Screenshot (13).png

Accepted Solution (1)

Accepted Solutions
MS-WEB-DESIGNER
Shopify Partner
3012 181 489

This is an accepted solution.

Dear @Slevin 

  •  From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.product-card__image-with-placeholder-wrapper {min-height: 252px;} 
/* End*/

 

  • Save and check your theme by refreshing it.

 

Click Here to Hire Shopify Store Customization Experts
Boost Conversions & Average Order Value with this
Best App for Sticky Add To Cart

View solution in original post

Replies 9 (9)
ZestardTech
Shopify Expert
3589 592 832

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Slevin
Tourist
6 0 0
Kinjaldavra
Shopify Partner
2302 569 1407

 

hello @Slevin  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

  @media only screen and (min-width: 1024px) {
  #shopify-section-1620718243e1ac5780 .page-width .grid .grid__item .grid-view-item{
    display: grid;
    grid-template-rows: 350px 46px 23px 12px;
    grid-gap: 10px;
  }
  }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Slevin
Tourist
6 0 0

thanks @Kinjaldavra, but it did not work for the section in the screenshot below

Screenshot (14).png

Kinjaldavra
Shopify Partner
2302 569 1407

hello @Slevin   this section insert below code

  @media only screen and (min-width: 1024px) {
  #shopify-section-16206721412d442d90 .grid .grid__item .product-card {
    display: grid;
    grid-template-rows: 250px 46px 23px 12px;
    grid-gap: 10px;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Slevin
Tourist
6 0 0

thanks @Kinjaldavra, that worked. But I removed the first code and the boot section now is not aligned. Is there a way to join both codes into 1? or do I need to use both?Screenshot (15).pngScreenshot (16).png

Slevin
Tourist
6 0 0

thanks @Natztech, that worked. But I removed the first code and the boot section now is not aligned. Is there a way to join both codes into 1? or do I need to use both

Screenshot (16) (1).png

Screenshot (15) (1).png

MS-WEB-DESIGNER
Shopify Partner
3012 181 489

This is an accepted solution.

Dear @Slevin 

  •  From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.product-card__image-with-placeholder-wrapper {min-height: 252px;} 
/* End*/

 

  • Save and check your theme by refreshing it.

 

Click Here to Hire Shopify Store Customization Experts
Boost Conversions & Average Order Value with this
Best App for Sticky Add To Cart
Slevin
Tourist
6 0 0

thank you this was a simple solution for everything