Is it possible to make the image bigger on my "our story" page? (Brooklyn)

Solved
Mahi-Gin
Tourist
9 0 2

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.

 

Schermafbeelding 2021-09-22 om 11.32.37.png

 

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 

0 Likes

Hello @Mahi-Gin ,
Welcome to the Shopify community!
Share your store url with password.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes
Mahi-Gin
Tourist
9 0 2

thank you for the reply!

 

www.mahimahibeverages.com

password: 7bc4f2

0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Mahi-Gin
Tourist
9 0 2

That did the trick! thank you so much!

0 Likes
Mahi-Gin
Tourist
9 0 2

thank you for your replay, Diego_ezfy

 

I tried it but could not find </body> in the theme.liquid file. 

 

 

0 Likes
Mahi-Gin
Tourist
9 0 2

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

0 Likes