Shopify themes, liquid, logos, and UX
Please help me crop the image on the bottom, I have attached a screenshot of where I like the crop to finish. I have tried with CSS but I cant figure It out.
Pass: biangu
Only for desktop please
Hi @MT27 ,
It seems the problem you are having is that the banner image on your page is displaying at an unhealthy ratio. You can edit the CSS so that your banner displays as follows:
You can take the following steps to fix the code:
Step 1: Select Online store and select Edit code:
Step 2: In the code editing interface, search for file: base.css
Step 3: Open the file and scroll to the bottom of the file, then add the following code:
@media screen and (min-width: 768px)
.banner__media.media img {
object-fit: cover !important;
object-position: center center !important;
}
Step 4: Save the file changes and test the new look of your row.
Hope it helps @MT27
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024