Shopify themes, liquid, logos, and UX
Hi there,
i have a question: i have made a .jpg file with Affinity Designer that i use for the "our story" page. as you can see below.
Is it possible that the image can "fill" te page more? as you can see, there is a lot of unused room left and right of the image.
appreciate your time!
Sincerely,
Rien
Solved! Go to the solution
This is an accepted solution.
hii, @Mahi-Gin
Paste this code on top of the timber.scss file.
.rte--indented-images img:not([style]), .rte--indented-images img[style="float: none;"] {
max-width: 197% !important;
margin-left: -50% !important;
}
Thank You.
Hello @Mahi-Gin ,
Welcome to the Shopify community!
Share your store url with password.
Hii, @Mahi-Gin
Kindly share your store URL and,
If your store is password protected then share your store password.
so, I can solve your problem.
Thank You.
This is an accepted solution.
hii, @Mahi-Gin
Paste this code on top of the timber.scss file.
.rte--indented-images img:not([style]), .rte--indented-images img[style="float: none;"] {
max-width: 197% !important;
margin-left: -50% !important;
}
Thank You.
That did the trick! thank you so much!
@Mahi-Gin,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media (min-width: 767px){
.template-page .main-content .wrapper{
margin: 0 auto !important;
padding: 0 !important;
max-width: 100% !important;
width: 100%;
}
}
</style>
Please let me know whether it works.
Kind regards,
Diego
thank you for your replay, Diego_ezfy
I tried it but could not find </body> in the theme.liquid file.
I now have a new problem..! the image fits perfectly when you view the site on a desktop, but not on mobile. it cuts the image is half. Does anyone have a solution for this problem?
Thank you in advance!
Rien
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024