How can I adjust the bottom padding on collection list text?

Solved

How can I adjust the bottom padding on collection list text?

Mimsradford
Visitor
3 0 0

Screenshot 2024-03-06 at 1.41.15 pm.jpgScreenshot 2024-03-06 at 1.41.15 pm.pngHow can I remove the bottom padding from collection list text so the text boxes are all the same height? This only occurs when scaling web page down.

 

https://thewholesome.store

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4902 1102 1779

This is an accepted solution.

Hi @Mimsradford 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.colections_list_text h4 {
    min-height: 76px;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Richard
Shopify Partner
4902 1102 1779

This is an accepted solution.

Hi @Mimsradford 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.colections_list_text h4 {
    min-height: 76px;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Tommyboi
Tourist
31 0 3

thank you! Is there a way to just do this for certain sections?

Dan-From-Ryviu
Shopify Partner
10964 2150 2289

Hi @Mimsradford 

Dan here from Ryviu: Product Review & QA app. 


Please add this code to your theme.liquid file after <head> 

<style>
.colections_list_text {
    padding: 62px 30px 45px !important;
}
</style>

- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.