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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024