Solved

how to make the collection text box same size

learningdesign
Shopify Partner
109 1 15

how to make the collection text box same size

Capture.PNG
https://airback-ca.myshopify.com/pages/why-airback
Password     miaffi


Accepted Solution (1)

PageFly-Richard
Shopify Partner
4050 903 1556

This is an accepted solution.

Hi @learningdesign 

 

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>
#shopify-section-template--15918920892552__91ed72dd-51d9-49f1-a7bf-90635539a049 .cat_design_1 .cat_grid_item__wrapper{
    min-width: 180px;
    padding-left: 0;
    padding-right: 0;
}
.cat_grid_item__wrapper .h3 {
    width: 90%;
    margin: 0 auto;
}
div#nt_8e339ed7-d90b-4ae9-a31f-e2b6c98e1ae3 .cat_grid_item__title.h3 {
    width: 80%;
}
</style>

PageFlyRichard_0-1705466260360.png

 


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!


PageFly - #1 Page Builder for Shopify merchants.


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
4050 903 1556

This is an accepted solution.

Hi @learningdesign 

 

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>
#shopify-section-template--15918920892552__91ed72dd-51d9-49f1-a7bf-90635539a049 .cat_design_1 .cat_grid_item__wrapper{
    min-width: 180px;
    padding-left: 0;
    padding-right: 0;
}
.cat_grid_item__wrapper .h3 {
    width: 90%;
    margin: 0 auto;
}
div#nt_8e339ed7-d90b-4ae9-a31f-e2b6c98e1ae3 .cat_grid_item__title.h3 {
    width: 80%;
}
</style>

PageFlyRichard_0-1705466260360.png

 


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!


PageFly - #1 Page Builder for Shopify merchants.


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

learningdesign
Shopify Partner
109 1 15

https://airback.store/pages/why-airback

is it possible to make it look exactly like this ?

learningdesign
Shopify Partner
109 1 15

Did you check it please ?