Solved

Image banner background image need help on scaling, also positioning on "Shop All" button

grantc00
Tourist
5 0 2

Screenshot 2024-06-05 at 4.53.16 PM.png

1. How can I adjust the CSS in this banner to fix an issue where the image on the banner is too zoomed in?

Screenshot 2024-06-05 at 5.07.46 PM.png

2. How can I adjust the CSS in Shopify to position the "Shop All" button next to the title on the Featured Collection title and Collage title?

 

pw: eumpoh
Accepted Solution (1)

PageFly-Noah
Shopify Partner
1288 229 262

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @grantc00  Please add code here to fix it.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.banner .banner__content{
   max-width: 100% !important;
}
.banner .banner__content .banner__box{
   max-width: fit-content !important;
   min-width: fit-content !important;
}

</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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

Reply 1 (1)

PageFly-Noah
Shopify Partner
1288 229 262

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @grantc00  Please add code here to fix it.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.banner .banner__content{
   max-width: 100% !important;
}
.banner .banner__content .banner__box{
   max-width: fit-content !important;
   min-width: fit-content !important;
}

</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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.