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

[grantc00]

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

 

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?

https://5fe303-4.myshopify.com/

pw: eumpoh

[PageFly-Noah · 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