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

0 Likes
Pallavi
Shopify Expert
1702 249 297

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

the site url is https://unclemax.co/

0 Likes
Natztech
Shopify Partner
861 232 637

 

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Slevin
Tourist
6 0 0

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

Screenshot (14).png

0 Likes
Natztech
Shopify Partner
861 232 637

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
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 (15).pngScreenshot (16).png

0 Likes
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

0 Likes
MS-WEB-DESIGNER
Shopify Partner
2623 170 440

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.

 

0 Likes
Slevin
Tourist
6 0 0

thank you this was a simple solution for everything

0 Likes